HTML5 canvas
canvas元素： 是HTML5新增的专门用来绘制图形的元素。canvas元素是一块无色透明的区域，它只是一个容器，本身不具备绘制的功能，开发者通过javascript脚本在区域上实现任意绘图。并不是所有浏览器都支持canvas元素。 camvas只有两个可选的属性width、height，如果不设置，则默认width为300，height为150，单位都是px。也可以使用css属性来设置宽高，但是如果宽高属性和初始比例不一样，会出现扭曲，所以建议不要使用css属性来设置宽高。 <body> <canvas id=”mycanvas” width=”” height=””> 您的浏览器不支持canvas元素，请更新或更换您的浏览器。 //替代内容，如果浏览器不支持canvas元素，会显示替代内容。如果支持，会忽略替代内容，正常渲染canvas元素。 </canvas> </body> 步骤: 在html5页面的 <body></body> 元素中添加 <canvas></canvas> 元素 <canvas id=”mycanvas” width=”” height=””></canvas> 使用id寻找页面中的canvas元素 window.onload=function(){ var canvas =document.getElementById(“mycanvas”); }