html5的canvas写一个简单的画板程序
html5的canvas写一个简单的画板程序
思路:
获得按下时候的坐标ctx.moveTo(e.clientX-10,e.clientY-10)然后鼠标移动的时候就不断的画线,!isDown||ctx.lineTo(e.clientX-10, e.clientY-10, 5, 5)鼠标放开的时候,自然就要吧isDown设置为false了。
然后就总结一下画线的关键步骤好了。
第一步是取得画布。
第二步是开始画线。beginPath()
第三步是移动线条moveTo(),lineTo()。
第四步就是画线stroke()。
代码: