자바 스크립트를 사용하여 svg 경로의 "d"값을 전환 하시겠습니까?

Question

"d"값을 전환하고 동적으로 생성 된 숫자로 바꾸려고합니다. 그러나 "예상치 못한 숫자"가 계속 출력됩니다. 현재 가지고있는 것 :

<path id="pathA" d="M 0 0 l 0 255" stroke="none" stroke-width="0" fill="none"/> 

<script> 
var sink = document.getElementById("pathA"); 
sink.setAttribute("d", M 0 0 l 0 (round*25.5)); 
</script> 

Answer 1

제시된 스크립트에는 두 가지 문제점이 있습니다.

먼저 setAttribute로 전달하는 두 번째 인수가 올바르지 않습니다. 시도 :

sink.setAttribute ("d", "M 0 0 1 0"+ (round * 25.5));

둘째, round 값을 입력하지 않아도됩니다.