HTML5画布:在自定义图纸上创建工具提示



我正在使用FLOT为我们的项目绘制图像。对于linepie等预定义的形状,我可以通过flot.tooltip添加工具提示。

但是,我们有一些通过HTML5帆布API绘制的图像,例如此处。我想为红色矩形和空白区域的另一个工具提示添加一个工具提示。任何可以使其工作的库?

使用画布,没有一个很好的方法来检测鼠标何时徘徊在特定的绘制项目上;这只是一个缓冲区,不知道用于吸引哪些操作。Flot自己的悬停发现对画布上的内容没有概念。它只是知道,例如馅饼从特定点开始,并向外扩展一定数量的像素。

因此,无论如何,您将必须编写一个接受鼠标事件的函数,检查用于绘制图像的数据,并决定与。

FLOT可以帮助的是提供一种用自己的内置悬停功能覆盖内置悬停功能的方法;然后,工具提示插件将与您的功能一起使用。由于您目前无法执行此操作,因此您可以选择a)修改工具提示插件以使用您的函数,或b)在覆盖元素上注册自己的Mousemove侦听器,然后为Tooltip插件生成"假" plothover Events消费。

最新更新