Discuz! Board

标题: html5 canvas绘图研究 [打印本页]

作者: zangcf 时间: 2016-8-17 16:37
标题: html5 canvas绘图研究
1，第一个例子，研究如何鼠标跟随画图：http://www.html5tricks.com/html5-canvas-mouse-ink.html
2，这是一个翻译的教程，非常适合我们的例子：http://www.cnblogs.com/zhwl/p/3530088.html
3，又是一个简单的demo例子，非常适合学习：http://www.jb51.net/html5/41052.html
4，等等：http://www.oschina.net/code/snippet_2685955_55850
http://www.htmleaf.com/ziliaoku/ ... g/201502101363.html

作者: zangcf 时间: 2016-8-17 16:38
标题: 认真研究 http://www.jb51.net/html5/41052.html
本帖最后由 zangcf 于 2016-8-17 21:32 编辑

http://www.jb51.net/html5/41052.html
首先测试效果
[attach]272[/attach]
运行的效果确实好================================
这个例子虽然不错，但是说明太少了。

作者: zangcf 时间: 2016-8-17 22:23
这个程序有四个点击事件
第一个事件，是鼠标点击，主要是用来读取颜色的。
第二个事件，是鼠标按下，开始绘图
第三个事件，是鼠标移动，绘图
第四个事件，是鼠标弹起，结束一个绘图动作

欢迎光临 Discuz! Board (http://47.89.242.157:9000/bbs/discuz/)