进来接触了Canvas,以下是其基本用法
<canvas id="canvas"></canvas>
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d')
context.moveTo(x,y)
context.lineTo(x,y)
context.arc(cx,cy,r,sAng,eAng,anticlock=false)
context.beginPath()
context.closePath()
context.lineWidth
context.strokeStyle
context.fillStyle
context.stroke() 线绘制
context.fill() 填充色块
context.clearRect(x,y,width,height) 刷新
context.width
context.canvas
canvas.width
canvas.height
canvas.getContext('2d')
setInterval(function() {
render();
update();
},50
)
运用上述方法,可以绘制一些有趣的团了。