首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2013-04-02 
html5的canvas写一个简单的画板程序html5的canvas写一个简单的画板程序思路:获得按下时候的坐标ctx.moveTo

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


代码:


热点排行