1.在html中创建一个canvas标签:
<canvas id='canv' width='800' height='800'></canvas>//注意:宽高只能这样写,不能在样式中写,但是可以在样式中写背景颜色
2.script中:
var canv = document.getelementById(‘canv’);
//使用画布上下文:
var ctx = canv.getContext(‘2d’);
3.开始绘制:
ctx.fillRect(x,y,w,h)//绘制一个矩形填充
ctx.strokeRect(x,y,w,h)//绘制一个矩形的描边
ctx.beginPath();//开始绘制路径
ctx.closePath();封闭路径
ctx.moveTo(x,y)//画笔开始的位置
ctx.lineTo(x,y)//画线,画笔移动到此,可以有多个
ctx.strokeStyle = ‘red’//颜色设置
4.canvas圆形:
canvas中是弧度制, 360° = 2 * PI ; 单位rad.
圆弧及贝塞尔曲线: