如何在另一个画布中包含画布的拖拽？

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)});