canvas画图工具历时一周开发短小精悍求PK

youryida 2013-11-04 05:59:02

demo地址

兼容PC和触控设备，欢迎交流。qq1140215489

...全文

364 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

youryida 2013-11-06

打赏
举报

引用 13 楼 keanx006 的回复:

[quote=引用 10 楼 DoItSlowly 的回复:] [quote=引用 8 楼 keanx006 的回复:] 不错啊，好奇你那个拖动线是怎么搞出来的，点好说就是鼠标位置吗线呢？

canvas里面有划线api的源码里有注释你自己看看[/quote] 画线我是会的，拖动怎么弄？你怎么记录初始位置？怎么计算目标位置？谢谢[/quote] 就是记下始点，根据move事件，获取拖动时的点，然后不断地划新线删除上一条旧线，就有这个效果了。很简单的，代码里有啊，你自己看看啊！

youryida 2013-11-06

打赏
举报

引用 12 楼 l676331991 的回复:

PK一下。这个是小弟2年前算法导论课的作业，凸包算法演示程序，用的框架是jCanvaScript，许久未关注，不知道这个框架发展的怎么样了。 http://watercold.sinaapp.com/code/algorithm/convex/

先不说算法，就凭你这上学时候对web前端的掌握水平就足够让我佩服的了。 jCanvaScript在github上有106个收藏，16个分支，不能算火，发展应该是停滞了。我用的KineticJS 2,016个收藏，395个分支。当时选择这个，主要是因为这个文档比较详细。

keanx006 2013-11-06

打赏
举报

引用 10 楼 DoItSlowly 的回复:

[quote=引用 8 楼 keanx006 的回复:] 不错啊，好奇你那个拖动线是怎么搞出来的，点好说就是鼠标位置吗线呢？

canvas里面有划线api的源码里有注释你自己看看[/quote] 画线我是会的，拖动怎么弄？你怎么记录初始位置？怎么计算目标位置？谢谢

notlikeGaoShou 2013-11-05

打赏
举报

似梦飞花 2013-11-05

打赏
举报

我这里火狐好像不行 ie9没问题

youryida 2013-11-05

打赏
举报

引用 1 楼 ymy1992 的回复:

代码可以给我研究下么 ymy2013.4@gmail.com

页面就是代码。咳咳顺便说明下： 1、话说标题不唬人不会有人来看，这标题是开玩笑的哦。 2、这是个很基本的canvas绘图的demo，用到了kineticJS这个插件。 3、代码贴出来有两个目的。第一是希望和各位在事件注册方式和代码风格方面做些交流（我写了很长时间的js了，到现在还是一个函数接一个函数，不懂得怎样去封装他们）；第二是希望一起研究这个kineticJS插件，群号251572039。