HTML画布可单击的直线和圆

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

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

谢谢!

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

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

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

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些