1.元素

替换内容
元素不同于在其中的标签，就像，，或者 元素一样，很容易定义一些替代内容。由于某些较老的浏览器（尤其是ie9之前的ie浏览器）或者文本浏览器不支持html元素canvas，在这些浏览器上你应该总是能展示替代内容
current stock price: $3.15 +0.15
标签不可省
2.渲染上下文（the rendering context）
webgl 使用了基于opengl es的3d上下文 (experimental-webgl)
我们将会将注意力放在2d渲染上下文中
canvas起初是空白的。为了展示，首先脚本需要找到渲染上下文，然后在它的上面绘制。 元素有一个做 getcontext() 的方法，这个方法是用来获得渲染上下文和它的绘画功能。getcontext()只有一个参数，上下文的格式。对于2d图像而言，如本教程，你可以使用 canvasrenderingcontext2d。
var canvas = document.getelementbyid('tutorial'); var ctx = canvas.getcontext('2d');
3.检查支持性
var canvas = document.getelementbyid('tutorial'); if (canvas.getcontext){ var ctx = canvas.getcontext('2d'); // drawing code here } else { // canvas-unsupported code here }
4.一个模板骨架
canvas tutorial
5.一个简单例子