您的位置:首页> 日志> 前端技术 正文
DTOP

javascript移动设备触屏画板

大话主席 | 2013年06月04日 |

>>收藏本文 已有 0条评论

上篇 《javascript移动设备触屏事件及练习》后,我们初步了解了触屏事件。
这次我们这基础上打造一款有触摸功能的画板,好让我们的艺术细胞发扬广大。
触摸事件我们用到“touchStart、touchMove、touchEnd”,
而画板我们用到html5的“canvas”,二者结合起来就能打造简单好用的画板了,动动你的手指作画吧~
关于“canvas”这里有详细的解释:http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html


在线demo在这里!网页最下面有二维码

 


画画流不流畅很多因素,不同手机软硬件不同,同一手机不同浏览器也有不同的流程效果。
有兴趣的可以右键查看页面源代码。

 

以下是哥的大作: