CanvasObjLibrary-canvas基础绘图库

COL我花了几天时间来写这个低效率绘图库(求优化),现在已经提交到GitHub上了,目前在鼠标定位方面还稍微有点偏差,希望有空的码农稍微帮一下忙(发布前检查的时候还是好的呢இ௰இ,so sad)

这是初代版,即可以用但是功能还不是很完善。

这里有一个DEMO(爪机党慎入[浏览器够好的话还是可以进的],刷新率有60):http://demo.luojia.me/CanvasObjLibrary/
打开浏览器控制台输入

可以显示调试,鼠标移入canvas之后变灰的区域是会响应鼠标事件的区域
再输入

可以标出详细信息

其中那张9是太鼓的子节点
太鼓的透明度是0.5

我给9加了两个事件:右击一下透明度增加,鼠标中键单击一下恢复不透明
太鼓有2个事件:左击开始旋转(由于9是太鼓的子节点,所以9会跟着一起转,又因为事件冒泡,所以点一下9太鼓也会转)。鼠标移上太鼓以后它会变大
那一行文本对象有一个事件:鼠标放在上面后滚动滚轮,文字会旋转

已有的事件有以下(事件是会冒泡的)
mouseover
mouseout
mousemove
mousewheel
mouseup
mousedown
click
centerclick
rightclick
keydown(我阻断了长按会连续触发的keydown)
keyup
keypress

触摸事件没空加入

此库的详细信息见我还在编写的wiki
https://github.com/iTisso/CanvasObjLibrary/wiki/_pages

更新:目前在火狐上出现了问题,提示”a.setZoom不是一个函数”,原因不明。鼠标坐标问题我似乎知道怎么回事了,开始试图自己解决





如文中无特殊说明,本站均使用以下协议:知识共享许可协议
知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。

本博客使用Disqus评论系统,如果看不到评论框,请尝试爬墙。