一、什么是canvas?
canvas是h5新增的标签。由 HTML 代码配合高度和宽度属性而定义出的可绘制区域。简单的来说就是一块画布。
新增的标签，所以它是有兼容性问题的。 Mozilla 程序从 Gecko 1.8 (Firefox 1.5) 开始支持 <canvas>, Internet Explorer 从 IE9 开始 <canvas> 。Chrome 和 Opera 9+ 也支持 <canvas>
二、canvas的使用。
在html文件的<body></body>标签中书写canvas标签。并限定画布的大小（不设宽高的话，默认宽300px，高150px），由于有一部分浏览器并不支持canvas标签，所以在标签里加入的替换的内容，当浏览器不显示canvas标签时，会有替换的内容做提示用。
<body>
<canvas id="canvas" width="300" height="300">
<span>你的浏览器不支持 canvas，请升级你的浏览器。</span>
</canvas>
</body>接着我们需要用js对canvas进行绘画。需要先获取canvas元素，如下：
var canvas = document.getElementById('canvas'); // 获取canvas标签
var ctx = canvas.getContext('2d'); // 创建内容对象
if (!canvas.getC
订阅专栏 解锁全文
扫一扫
1295
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
