如何將一個畫布的拖放拖放到另一個畫布中？

Question

我的意思是內層畫布無法移動到外層畫布之外。 我需要創建一個儀表+進度欄，如圖像。 參見下圖。

根據下圖，電表控件應僅在該限制區域內向上或向下移動。 我相信可以使用HTML5中的拖放操作來完成此操作嗎？

Answer 1

這是拖放教程

http://simonsarris.com/blog/140-canvas-moving-selectable-shapes

http://www.html5canvastutorials.com/advanced/html5-canvas-drag-and-drop-an-image-tutorial/

Answer 2

請嘗試以下操作：

$(yourMeter).draggable({
axis: 'y',
containment: $(yourProgressBar)});