趁着今天有空，就把canvas学了一下。
提供一下学习地址：https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Basic_usage
html
// canvas是必须的，width和height非必需可以在style中设置
<canvas id="canvas" width="500" height="200"></canvas>
js
function drow(){
// 获取canvas节点
var canvas = document.getElementById('canvas');
// 判断是否是canvas
if(canvas.getContext){
// 设置图像格式，这里是2D
var ctx = canvas.getContext('2d');
// 设置图形的填充颜色
ctx.fillStyle = 'rgb(200,0,0)';
// 绘制一个填充图形
ctx.fillRect(10,10,55,50);
}
}
网友评论