如何在另一個畫布中包含拖放的畫布拖放？

Question

我的意思是內層畫布不能移動到外層畫布外。因爲我需要創建一個米+進度條像圖像。見下圖。

根據下圖，儀表控制只能在該限制區域向上移動n個。我相信這可以通過拖放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)});