canvas总结

了解canvas

canvasHTML5中新增一个HTML5标签,它可以实现在网页中完成动态的2D3D图像技术。

canvas可以完成动画、游戏、图表、图像处理等原来需要Flash完成的一些功能

canvas的写法

(1)先获取canvas




(2)将 canvas转化成2d模式

var content=can.getContext("2d");

(3)进行操作

<1>   设置线宽     content.lineWidth=12;

<2>   设置颜色    content.strokeStyle="red";

<3>   设置坐标    content.moveTo(0,0);   (起始坐标)   content.lineTo(0,400);   (终止坐标)

<4>   绘制圆形    content.arc(300,400,150,0,Math.PI*2,true);   (里边的参数依次是   圆心坐标,半径,起始角度,终止角度  ,顺时针还是逆时针)

 

 

你可能感兴趣的:(canvas)