读书人

html5的canvas写一个简略的画板程序

发布时间: 2013-04-02 12:35:26 作者: rapoo

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()。


代码:


读书人网 >CSS

热点推荐