在画布外留一个div？

Question

我希望能够让一个可拖动的div进入画布。我根本不想将div拖到画布上。我已经尝试了div作为偏转元素，但它真的很复杂而且它有毛刺。我该如何实现这一目标？

代码：

HTML：

<div id="drag"></div>
<canvas></canvas>

CSS：

#drag {
    height: 50px;
    width: 50px;
    background: khaki;
}
canvas {
    height: 200px;
    width: 200px;
    background: aqua;
}

的jQuery：

$("#drag").draggable();