如果用HTML5画一条箭头线连接两个矩形框的话如何加上hover功能呢？

[smuwcwt]

需要做一个功能，就是用HTML5 画箭头线来连接多个矩形框，当鼠标移到线上时会有一个提示框出现，类似于bubble那样的气泡弹出框最好，请教大家如何为这条线加上hover功能呢？最好是有实现实例呀，今天才刚开始学HTML5,水平实在有限，请大家多多指教。

[如流风般凌乱]

1.用JS模拟一个下拉列框出来
2.css实现http://blog.163.com/weizi_mm/blog/static/315544200942642532268/

[如流风般凌乱]

额，发错了

[KK3K2005]

canvas上绘制的线条总又占用的 坐标 大小把


canvas监听mousemove事件

通过鼠标坐标来计算寻找 被hove的线条

然后自己根据鼠标位置画 bubble

实例没有 才开始学 请从简单的弄起

[BeautyMyth]

[Quote=引用 3 楼 的回复:]
canvas上绘制的线条总又占用的 坐标 大小把


canvas监听mousemove事件

通过鼠标坐标来计算寻找 被hove的线条

然后自己根据鼠标位置画 bubble

实例没有 才开始学 请从简单的弄起
[/Quote]
canvas里面是没有hover的，你想要在canvas里面模拟只能用3楼这个办法，计算出鼠标的当前位置判断
是否在里需要的框里然后再触发事件。