微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

HTML画布可单击的直线和圆

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

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

谢谢!

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

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

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

原文地址:https://www.jb51.cc/html/530592.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐