javascript - html5中可选择和可移动的形状

标签 javascript canvas svg

我正在使用 php、javascript 和 Canvas 或 SVG 创建一个动态的交互式网络图

但是,对于 Canvas ,我不知道如何让每个对象都可选择。我不想使用隐藏的 Canvas 来检测鼠标是否在某个对象上,因为我会有很多相交的对象并且有很多 Canvas 层会很乱。

我对 SVG 一无所知。

SVG 会更好地达到目的吗?或者什么是 Canvas 解决方案。

最佳答案

SVG 的一个优点是它具有表示绘图中形状的具体 DOM 对象,因此您可以自动获得大量鼠标事件处理和事件冒泡。

或者,您可以使用 EaselJS ,它提供了一个非常强大的显示列表,使您无需管理隐藏的 Canvas 。

EaselJS

关于javascript - html5中可选择和可移动的形状,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6336854/

相关文章:

javascript - c3 使用 .toString() 时解析失败

javascript - 如何使用 data-* 和 value 属性查找特定按钮/元素

javascript - 在 Canvas 上绘制(重新加载)带有 cors = "anonimous"的图像(javascript)

javascript - 绘制到 Canvas 时出现控制台错误

html - svg 背景大小(以像素为单位)在 Windows 10 Chrome 上显示错误

css - 在悬停另一个多边形时显示带有文本的隐藏矩形

javascript - socket.io 在发送到特定客户端 Node JavaScript 后断开连接

javascript - angularjs ui网格搜索

wpf - 有没有办法在 WPF 中自动使 Canvas 在溢出时滚动?

CSS 多边形阴影