Question

例如：

<div style="background-color:black;width:20px;height:20px;" > </div>
<div style="background-color:red;width:20px;height:20px; margin:50px;" > </div>

这是两个红色和黑色的条。我想将黑条粘贴到红色，如果它改变坐标，黑色条必须跟随红色并且我们正在做什么改变DOM或仅使用jquery函数$(element).position()。

Answer 1

尝试通过修改float: left;属性or via jQuery将style=""添加到黑匣子中。

Answer 2

最简单的方法是使用html5 canvas进行任何自定义绘图。

以下示例说明如何绘制线条。

只要点在画布上，你就应该能够听到他们的鼠标事件并用画布绘制一条线。