Fabric js在自定义控件中覆盖文本答案

【问题标题】：Fabric js overlay text in custom controlsFabric js在自定义控件中覆盖文本
【发布时间】：2014-10-15 16:51:48
【问题描述】：

我实现了一个基于 Fabric js 的应用程序，并使用自定义图像和功能（如删除对象等）更改了默认控件（普通方块），修改了 Fabric 代码。

它工作正常，但我想添加一条覆盖消息，解释当您在控件上停留 1 或 2 秒时每个控件的作用。

这可能吗？如果答案是肯定的，如何实现这个功能？

提前致谢。

【问题讨论】：

你能提供一些小提琴或快照你想要什么吗？
看这个小提琴jsfiddle.net/Mashabak/rba1yqdy/7 当你把鼠标放在每个控件上时，我想显示一条消息，告诉用户这个控件做什么（旋转、调整大小、删除等）。我想要的效果等于当您将鼠标放在具有“title”参数的html图像上时（此参数在图像上显示标题中的文本）。

【解决方案1】：

我已经更新了你的小提琴。我已将“Fabric js 自定义控件”添加到一个标签中，并且在鼠标悬停时最后在 JavaScript 中完成了代码，并且我已将超时设置为 500 毫秒，因此用户将在鼠标悬停该标签时收到警报，您可以做同样的事情在织物 js 自定义图像中。我做了如下代码：

$('#demo').on('mouseover',function(){
setTimeout(function(){alert("Hello")}, 500);
});

【讨论】：

这是个好主意，但是如何将事件处理程序添加到结构中的特定控件？
你不能将事件处理程序添加到结构控件，你可以查看this链接，你必须制作自己的代码才能将鼠标悬停在控件上。
感谢您的宝贵时间。我将尝试使用事件“mouse:move”来完成这项工作，尽管这不是我更喜欢的方法，因为它是一个一直在触发的事件。当我实现了某些东西时，我会把它放在这里。再次感谢。