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

Html5 canvas HTML5画布:在自定义图形上创建工具提示,html5-canvas,flot,Html5 Canvas,Flot,我正在为我们的项目绘制图像。对于预定义的形状,如line,pie,我可以通过添加工具提示 然而,我们有一些通过Html5画布API绘制的图像,例如。我想添加一个红色矩形的工具提示和空白区域的另一个工具提示。有任何库可以让它工作吗?对于画布,当鼠标悬停在某个特定的绘制项目上时,没有一个好的方法来检测;它只是一个缓冲区,不知道使用了什么操作来提取它。弗洛特自己的悬停探测对画布上画的东西没有概念;它只知道,例如,饼图从特定点开始,向外延伸一定数量的像素 因此,无论发生什么,您都必须编写一个函数来接受鼠

我正在为我们的项目绘制图像。对于预定义的形状,如
line
pie
,我可以通过添加工具提示


然而,我们有一些通过Html5画布API绘制的图像,例如。我想添加一个红色矩形的工具提示和空白区域的另一个工具提示。有任何库可以让它工作吗?

对于画布,当鼠标悬停在某个特定的绘制项目上时,没有一个好的方法来检测;它只是一个缓冲区,不知道使用了什么操作来提取它。弗洛特自己的悬停探测对画布上画的东西没有概念;它只知道,例如,饼图从特定点开始,向外延伸一定数量的像素

因此,无论发生什么,您都必须编写一个函数来接受鼠标事件,检查用于绘制图像的任何数据,并确定其对应的内容


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

您是否在flot图上绘制图像?在这种情况下,否
flot
,也就是说,没有像
$.plot()
这样的代码。