Как содержать перетаскивание капли холста внутри другого холста?

Question

Я имею в виду, что внутренний холст не может выходить за пределы внешнего холста.Мне нужно создать метр + индикатор прогресса, как изображение.См. Изображение ниже.

В соответствии с изображением ниже, регулятор расходомера должен перемещаться только вверх n вниз в этой ограниченной области.Я считаю, что это можно сделать с помощью перетаскивания в HTML5?

Answer 1

Попробуйте следующее:

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

Answer 2

вот учебник для перетаскивания

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

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