Я пытаюсь сделать реалистичный c VU метр в чистом javascript / css / svg. Требования к счетчику должны быть расширены до его родителя. Работая с различными примерами и документами, я придумал эту скрипку. Который через некоторое время прекрасно работает. Однако движение прыгает от начала до конца. Как я могу закодировать это так, чтобы линия двигалась в хорошем ар c? Я также хотел бы, чтобы начало иглы находилось ниже дна / горизонта (игнорируйте черную точку)
http://jsfiddle.net/drdream/ovrck5h7/26/
Этот Codepen по сути именно то, что я пытаясь сделать, кроме использования моего собственного фона без всего дополнительного материала Inkscape
https://codepen.io/uchardon/pen/XMBoYZ
Этот кодекс выглядит великолепно, но я не могу понять, как использовать это в моем примере (код для иглы)
<path style="fill:none;fill-rule:evenodd;stroke:yellow;stroke-width:6.69999981;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:430;stroke-opacity:1;filter:url(#filter6606)"
d="M 184.04706,291.70923 537.57412,730.481"
id="zeiger" />