没有Canvas的年代,绘图只能借助Flash插件实现。有了Canvas,就可以直接使用JavaScript完成绘制。
测试浏览器是否支持Canvas
通常在<canvas>
内部添加一些说明性HTML代码,
如果浏览器支持Canvas,它将忽略<canvas>
内部的HTML,
如果浏览器不支持Canvas,它将显示<canvas>
内部的HTML
<canvas id="test-canvas" width="200" heigth="100">
<p>你的浏览器不支持Canvas</p>
</canvas>
var canvas = document.getElementById('test-canvas');
if (canvas.getContext) {
console.log('你的浏览器支持Canvas!');
} else {
console.log('你的浏览器不支持Canvas!');
}
getContext('2d')
方法让我们拿到一个CanvasRende