是否可以在悬停画布元素时获得工具提示

is it possible to get the tooltip while hovering the canvas element?

本文关键字:元素 工具提示 悬停 布元素 是否      更新时间:2023-09-26

我有一个模拟时钟的画布图像

我需要展示第二针、时针和分针的工具尖端。但它们都在一张画布上。。

实际上,该元素在html 中呈现为如下所示

<div id="circularframe" class="">
<div id="Analog clock">
<canvas role="presentation" width="500" height="360"></canvas>
</div>
</div>

在画布元素中是否可能。。。

如果你刚刚开始,我建议你使用Kineticjs链接在这里,你可以在画布上做很多有趣的事情,其中也包括标签。请查看本教程,了解如何使用kinetic js在画布上获得标签/工具提示。希望有帮助或者,使用Jquery,你可能需要做一些额外的工作,你可以做这样的事情,例如,在这个例子中,我们添加了这样的文本:

dots.push({
        x: getXPixel(data.values[i].X),
        y: getYPixel(data.values[i].Y),
        r: 4,
        rXr: 16,
        color: "red",
        tip: "#text" + (i + 1)
    });

希望它能帮助