вот то, что делаю http://codepen.io/cache0/pen/rjQwZJ
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="500">
<path stroke="white" fill="none" id="bezier-path" stroke-width="1.2" d="M500,500 C500,224 500,151 500,0 " stroke-dasharray="4 2"/>
</svg>
надо к нижнему краю штриховой вертикальной линии
привязать конец "веревки"
возможно ли сделать такую веревку на SVG и "привязать" её нужным концом к двигающейся точке так, чтобы длинна веревки сохранялась