我有一个可拖动的div，代表一个小的信息弹出框，用户可以将其拖动到屏幕周围。但是，这个div是锚定在屏幕上的一个点上，我希望在div和锚定它的点之间画出一个小箭头。
这种情况的一个例子可以在谷歌地图上找到，当你悬停在你搜索过的商店或兴趣点上时。你会看到一个在点和弹出窗口之间绘制的尖号。这很简单，但是他们的弹出窗口是不可拖动的，而我的是可拖动的。
那么，实现这个的最好方法是什么？我考虑使用一系列基于弹出窗口相对于锚点的方向进行调整大小的插入符图像。在弹出窗口相对于锚点的角度不同的情况下需要使用不同类型的插入符，这将变得棘手。有更好的方法吗？
谢谢！ (xiè xiè)
所以你基本上是想在屏幕上的两个点之间绘制动态图像？我不确定在 HTML 中这样做有多实用。DOM 不支持图像旋转，并且图像调整大小的质量有限。你可以进行服务器端图像生成，但那样会很慢，并且会增加服务器负载。
一些较新的浏览器（不包括IE）支持Canvas对象，如果您愿意排除80％的用户，则可能允许您这样做。
最後，我不确定是否有比你已经想到的更好的解决方案 - 我也不确定那会有多有效。
这篇关于在JavaScript中画线的教程可能对你有所用处，因为它展示了如何使用JavaScript进行相对高效的动态线条绘制（请参见页面底部的示例）。
我也使用了 jsgraphics 库来实现类似的功能，每当用户移动线段的端点时，清除当前线段并绘制一个新线段。
