【问题标题】:is it possible to get the tooltip while hovering the canvas element?悬停画布元素时是否可以获取工具提示?
【发布时间】:2014-11-06 13:49:17
【问题描述】:
我有一个模拟时钟的画布图像
我需要显示秒针、时针和分针的工具提示。但它们都在单个画布图像中..
实际上元素在 html 中呈现如下所示
<div id="circularframe" class="">
<div id="Analog clock">
<canvas role="presentation" width="500" height="360"></canvas>
</div>
</div>
是否可以在画布元素中...
【问题讨论】:
标签:
javascript
html
canvas
html5-canvas
【解决方案1】:
如果您刚刚开始,那么我建议您使用 Kineticjs 链接是 here,您可以在其中使用包含标签的画布做很多有趣的事情,请查看本教程 here 以使用动力学 js 在画布上获取标签/工具提示.希望能帮助到你
或者使用 Jquery,你可能需要做一些额外的工作,你可以做一些类似 this 的事情,例如在这个例子中我们添加如下文本:
dots.push({
x: getXPixel(data.values[i].X),
y: getYPixel(data.values[i].Y),
r: 4,
rXr: 16,
color: "red",
tip: "#text" + (i + 1)
});
希望对你有帮助