使用 Java 脚本 (JQuery) 绘制交互式(dom 元素/对象)点



我正在尝试制作一个网页,我想在其中绘制可以与鼠标事件相关联的点(Jquery)。所以,我想我希望它们是dom对象,而不是只想画它们。(请建议我们是否可以使用 html5 绘画并仍然将它们视为 dom 元素)

所以基本上我有一个带有 x,y 坐标的文本文件,我想绘制它们,但想将 Jquery 事件与它们相关联。 例如:左键单击它们时会出现一个图形,或者右键单击它们时,根据我单击的节点,会出现一个菜单。

我直言,用线条和点编写 DOM 元素将是一种非常愚蠢的方法。例如,您将如何制作圆线 - 您可以创建带有边框CSS样式的对角线,但是..好吧 - 有很多选择!另一种方法可能是Highslide。

jqueryui-visualize

jQuery top5 绘图工具

http://www.filamentgroup.com/lab/update_to_jquery_visualize_accessible_charts_with_html5_from_designing_with/

演示

道场工具包

由于您出于某种原因将其标记为 dojo,请查看此博客条目;
http://www.sitepen.com/blog/2008/05/27/dojo-charting-event-support-has-landed/

2d图表演示

在此处阅读有关滚动/缩放的信息

缩放演示

这是一个来自 apache 用户的不错的小介绍幻灯片

嗯,有几种方法。

您可以使用这些点获取坐标并在 DOM 上创建绝对定位的元素。使用jQuery,你可以设置"top"和"left"点来定位它们。此方法对您来说可能是最简单的,因为 jQuery 可以轻松应用点击事件。

您可以使用 HTML5 画布并使用文件中的坐标在其上绘制形状。使用此方法,您要么需要编写自己的事件库,要么使用已经编写的库,例如 kinetic.js。此外,与使用第一种方法一样,样式化这些将比使用 DOM 对象和 CSS 的动态和广泛程度要小一些。

相关内容

  • 没有找到相关文章

最新更新