canvas学习二-------一些接口

var context=canvas.getContext('2d');//主要是通过context这个接口

2d和3d区别挺大

lineWidth//线条的宽度

strokeStyle//线条的样式

context.beginPath()//开始绘制

context.closePath()//结束绘制 自动帮我们连接成封闭的

context.fillStyle="yellow";

context.fill();//封闭图形变成黄色。

canvas学习二-------一些接口

canvas学习二-------一些接口

几种颜色的表示

canvas学习二-------一些接口

线条属性

lineCap butt round(突出原型头) square(突出方形的头)

canvas学习二-------一些接口

line Join  round miter 

图像变换和状态保存

canvas学习二-------一些接口


canvas学习二-------一些接口