Discuz! Board

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 8|回复: 2
打印 上一主题 下一主题

html5 canvas绘图研究

[复制链接]

1198

主题

2060

帖子

7058

积分

超级版主

Rank: 8Rank: 8

积分
7058
跳转到指定楼层
楼主
发表于 2016-8-17 16:37:29 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
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

回复

使用道具 举报

1198

主题

2060

帖子

7058

积分

超级版主

Rank: 8Rank: 8

积分
7058
沙发
 楼主| 发表于 2016-8-17 16:38:05 | 只看该作者

认真研究 http://www.jb51.net/html5/41052.html

本帖最后由 zangcf 于 2016-8-17 21:32 编辑

http://www.jb51.net/html5/41052.html
首先测试效果

运行的效果确实好================================
这个例子虽然不错,但是说明太少了。


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 支持 反对

使用道具 举报

1198

主题

2060

帖子

7058

积分

超级版主

Rank: 8Rank: 8

积分
7058
板凳
 楼主| 发表于 2016-8-17 22:23:15 | 只看该作者
这个程序有四个点击事件
第一个事件,是鼠标点击,主要是用来读取颜色的。
第二个事件,是鼠标按下,开始绘图
第三个事件,是鼠标移动,绘图
第四个事件,是鼠标弹起,结束一个绘图动作
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Comsenz Inc.

GMT+8, 2025-12-15 02:20 , Processed in 0.016438 second(s), 7 queries , Apc On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表