是否可以在悬停画布元素时获得工具提示
is it possible to get the tooltip while hovering the canvas element?
我有一个模拟时钟的画布图像
我需要展示第二针、时针和分针的工具尖端。但它们都在一张画布上。。
实际上,该元素在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)
});
希望它能帮助
相关文章:
- d3.js svg元素上的角度UI工具提示
- 如何在d3工具提示的html元素中使用Angularjs过滤器
- 如何使用嵌入的HTML元素制作d3.js工具提示
- 如何在工具提示窗口小部件中获取悬停元素的id
- 使用输入元素作为工具提示中的内容
- 如何使工具提示从函数本身之外的元素工作
- jQuery UI 工具提示在源 DOM 元素移动时卡住打开
- 工具提示JavaScript在未给出“title”属性时会中断以下表单元素
- 在服务器端创建的 DIV 元素的工具提示
- 有没有办法强制工具提示显示在输入元素的特定位置
- 隐藏的“选择”元素上的工具提示不起作用
- 如何在 SVG 上的鼠标光标旁边显示工具提示,尽管网站上有非 SVG 元素
- 如何动态更改基于目标元素的绝对工具提示的位置
- 将引导工具提示绑定到 d3 动态创建的 SVG 元素
- 如何禁用标题工具提示!(was:如何在Javascript中获取事件目标后面的元素?
- 如何在更改元素后保留引导工具提示
- JqueryUI 工具提示可防止<选择>元素下拉列表在 IE 11 中保持关闭
- 如何为新加载的元素提供JQuery UI工具提示
- 是否可以在悬停画布元素时获得工具提示
- 可以't使引导工具提示在使用javascript创建元素时起作用