1

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

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

4

2 回答 2

1

好吧,几种方法。

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

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

于 2012-09-16T06:25:03.347 回答
1

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

jqueryui-可视化

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/

2dChart 演示

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

缩放演示

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

于 2012-09-16T10:01:53.783 回答