在画布上添加元素,并在画布上绘制时在绘制元素时禁用onmouseover事件

时间:2019-05-16 12:45:41

标签: javascript html5 canvas

我为图片提供了注释屏幕,访客可以在其中绘制一些形状,并且我使用了https://github.com/djaodjin/djaodjin-annotate jQuery插件!这个插件提供了我需要的几乎所有类型的图纸,但是我有不同的要求。我要在图像上标记,然后单击以显示注释文本。

我修改了插件,并添加了另一个工具来添加标记,添加文本并将其保存到数据库。标记是字体真棒图标,它是一个HTML元素(跨度),当单击时,它会显示注释文本,它又是DIV HTML元素。

https://ibb.co/SBn3Kjj

到目前为止,一切正常,但问题是当我添加一个标记并想要添加一个圆并在该标记上方开始绘制时,它不起作用或当鼠标到达该标记时停止绘制圆。

我可以在绘图开始时隐藏所有标记,并在绘图结束时将其显示在画布上,但这会使用户以为标记消失了,尽管它们会在释放鼠标后重新出现,这会使用户感到困惑。

我希望我能解释这个问题!我试图找到一种解决方法,但是在SO中找不到完全相同的问题和解决方案!有人可以为此指出正确的方向吗?

0 个答案:

没有答案