canvas事件
2015-09-16 10:22
169 查看
canvas的事件只能监听在canvas标签上,而不嗯那个想其他dom元素那样,所以针对canvas里面的图形监听事件是比较麻烦的。
通过isPointInPath(x,y); 这个方法用于判断某一点的坐标是否在最新绘制的图形内。用法如下:
不过这个方法只能判断某点是不是在最新绘制的图形内,所以每次判断,都是要判断的图形重绘。
有一个好用的canvas库,http://jcscript.com/
里面提供了很多方法绘图和事件操作。例如:
通过isPointInPath(x,y); 这个方法用于判断某一点的坐标是否在最新绘制的图形内。用法如下:
oC.onmousedown = function(ev){ var ev = ev || window.event; var x = ev.clientX - oC.offsetLeft; var y = ev.clientY - oC.offsetTop; if( oGC.isPointInPath(x,y) ){ alert(123); } };
不过这个方法只能判断某点是不是在最新绘制的图形内,所以每次判断,都是要判断的图形重绘。
有一个好用的canvas库,http://jcscript.com/
里面提供了很多方法绘图和事件操作。例如:
jc.start('c1',true); jc.circle(100,100,50,'#ff0000',1).click(function(){ alert(123); }); jc.start('c1');
相关文章推荐
- [转] PostgreSQL学习手册(数据表)
- 修改LINUX ROOT密码
- hadoop-2.7.1 For CentOS6.5安装
- 关于几个插件使用后的心得
- P3-weixin 微信插件式开发规范
- 我学的是设计模式的视频教程——命令模式vs策略模式,唠嗑
- 原型模式(工厂模式7)
- ie浏览器下的图片旋转问题
- Data Structure for HTML DOM with compare text inside
- L7.1 linux shell总结
- javascript 对象
- Fastest Gaussian Blur in CPU
- Parcelable和Serializable的区别:
- 毕业后的五年拉开大家差距的原因在哪里?
- Centos6.5部署ftp文件服务器
- IL指令汇总
- Mysql 使用存储过程添加新字段
- linux安装phalcon
- 各种编程语言的深度学习库整理
- 一款功能综合的CSS滑动门特效