2015.8.22

Canvas

.HTML
<canvas id="canvas"></canvas>

.Javascript
var canvas=document.getElementById('canvas')
var context=canvas.getContext('2d')
//使用context进行绘制

第二节 设置状态，stroke 笔画，绘制线条
Canvas 是基于状态进行绘制的
Draw a line
context.moveTo(100,100)
context.lineTo(700,700)

context.stroke()

//第三节 画圆
Draw an arc
画弧
context.arc(
conterx,centery,radius,
startingAngle,endingAngle,
anticlockwise=false
)

转载于:https://www.cnblogs.com/code-charmer/p/4750499.html