关于canvas画布

关于canvas画布的那些事

canvas的创建

在HTML5中提供canvas标签，

<canvas id ="" width="" height="">您的浏览器不支持</canvas>

定义id属性是为了在js中引用元素。标签中间的文字在浏览器不支持的情况下才会显示。标签和标签一样，有两个原生属性宽与高，默认为300px*150px，没有单位的值将忽略不计。注意，不能在css中控制画布的宽高，可能会导致画布上的图形变形。

canvas的引用

通过js的getElementById()获取网页中画布对象，也可直接通过js中createElement(“canvas”)直接创建并设置。

如何在canvas上绘制

context对象是画布的上下文，也称为绘制环境，是所有绘制操作API的入口，该对象使用js脚本获得。
var context=canvas.getContext(‘2d’);
2d表示画笔的种类，用来执行二维操作。
context.moveTo(x,y);绘制路径起点。canvas坐标系从左上角（0,0）开始，x轴向右表示增大，y轴向下表示增大。
|