如何在使用鼠標單擊動態繪製多邊形時將多邊形拖放到畫布中？

Question

當您使用帶HTML的JavaScript進行鼠標點擊動態繪製多邊形時，如何將多邊形拖放到畫布中？我嘗試過：

<div class="draggable"> 
    <button id=done hidden>Click when done assigning points> 
    <canvas id="canvas" width=450 height=450 class="draggable"></canvas> 
</div> 

Answer 1

將座標保存在js變量中，並在鼠標單擊時在畫布上重繪多邊形。

帶正方形的示例：http://simonsarris.com/blog/140-canvas-moving-selectable-shapes