html5-canvas - Kineticjs重叠形状鼠标悬停检测

标签 html5-canvas mouseover kineticjs

是否有一种简单的方法可以在 kineticjs(或 rapheljs,如果这在 SVG 中更容易)中对多个重叠形状进行鼠标悬停检测。 IE。如果我有两个部分重叠的圆圈,我想以某种方式检测四种情况:

1) 当没有形状时 2) 越过A圈时 3) 越过B圈时 4) 当超过(重叠)圆 A 和 B 时

但我需要一个可以扩展到“n”个圆/形状的通用实现。

干杯

最佳答案

是的,只需使用 getIntersections 方法:

http://www.kineticjs.com/docs/symbols/Kinetic.Container.php#getIntersections

这将返回与给定点(例如鼠标位置)相交的所有 KineticJS 节点

干杯!

关于html5-canvas - Kineticjs重叠形状鼠标悬停检测,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11358762/

相关文章:

html - 嵌入标签的鼠标离开事件

javascript - 动力学.js : Prevent draggable stage from going off-boundaries

javascript - 在 Kinetic.js 中,原型(prototype)节点不会影响所有子节点?

html - 测试浏览器是否支持 "multiply"for globalCompositeOperation canvas 属性

javascript - 适用于 Canvas HTML5 的 Jquery 画笔大小 slider

javascript - 倒计时一天,每天更新?

javascript - 图片在 HTML5 Canvas 中不显示

javascript - 如何使用 javascript/jquery 从任何地方禁用鼠标悬停事件?

c# - 在 WPF Image 中鼠标悬停时显示不同的图像

javascript - 改进 Retina iPad 上的慢 Canvas 动画 - KineticJS