如何解决html5中的可选和可移动形状
| 我正在使用php,javascript和Canvas或SVG创建动态的交互式网络图 但是,对于画布,我不知道如何使每个对象都是可选择的。我不想使用隐藏的画布并检测鼠标是否在某个对象上,因为我将有很多相交的对象,并且有很多画布层会很乱。 我对SVG一无所知。 SVG会更好地达到目的吗?或什么是画布解决方案。解决方法
SVG的优点之一是它具有表示图形中形状的具体DOM对象,因此您会自动获得大量鼠标事件处理和事件冒泡。
另外,您可以使用EaselJS,它提供了一个非常强大的显示列表,使您无需管理隐藏的画布。
, 已经有一些用于构建图和图形的项目。您可以尝试基于SVG的Raphaël,因此它也应该兼容。
, 我认为“隐藏的画布”是您的教程。它仍然可以与多个对象和多个图层一起使用,您只需要以适当的z顺序绘制它们即可。
当然有更快(但更复杂)的方法。
如果您不想处理它,则SVG内置了所有对象选择。按照Zlatev的建议尝试Raphael。如果性能太差(对象太多),则必须切换到画布,因此它实际上取决于图表中节点/链接的数量。
但是,您将不得不自己(以您喜欢的任何方式)将数据发送到服务器。 SVG / Canvas / Raphael中没有内置可以为您完成的任务。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。