드래그 가능한 SVG 모양의 범위를 어떻게 제한합니까?

Question

SVG 슬라이더를 가지고 있습니다 ... see it on jsFiddle here을 클릭하십시오.
내 슬라이더 범위를 제한하고 싶습니다.

My JS는 this picker (@Phrogz 덕택에)에서 발견되었으며, 그때 나는 그것을 찌를 수있을 때까지 찌르며 찌르다.
슬라이더가 잘 작동하지만 제한을 추가 할 때 지침을 실제로 사용할 수 있습니다.

예를 들어 slider_1 (왼쪽의 슬라이더)을 파란색 직사각형 영역으로 제한하고 싶습니다.
JS는 여전히 나를 부자연 스럽습니다. 그래서 모든 피드백에 감사 드리겠습니다.

감사합니다.

Answer 1

하면 move 함수로 같은 것을 던져보십시오 :

var limitLower = 0; 
var limitUpper = 20; 
if (x < limitLower || x > limitUpper) { 
    return; 
} 

여기 slider1을 위해 삽입 된 위의 코드와 바이올린의 : http://jsfiddle.net/ucnyz/4/