HTML画布可单击的直线和圆

前端之家收集整理的这篇文章主要介绍了HTML画布可单击的直线和圆 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在考虑开发一个应用程序,该应用程序在某些位置显示一个图形,该图形可以绘制随时间和空间分布的人员.垂直访问是位置,水平访问是时间,每个人都用一条线标识.在该人做了有意义的事情的任何时候,他们的线条上都有一个较大的点.从概念上讲,单击该点将显示有关该特定点的数据,但是单击该行上的任何其他位置将为您提供有关该人的详细信息.假设,当您将鼠标悬停在线条上时,线条应更改颜色,而当您将鼠标悬停在点上时,仅该点应更改颜色.

我知道我可以使用Flash轻松地做到这一点,但我想知道这些天是否有任何方法可以仅使用html和javascript.可能吗? (兼容性不是问题,我瞄准的唯一机器是我自己的机器.)

谢谢!

最佳答案
您可以使用canvas进行此操作,但是使用SVG可能更简单.

由于SVG使用DOM,因此您获得了用于处理诸如单击等事件的内置方法,而不必像编写画布那样编写自己的处理代码.

有一些库使SVG的工作变得更简单且跨浏览器兼容,例如Raphael和Dojo的dojox.gfx库.

猜你在找的HTML相关文章