경로에 이미지 위치 지정 방법

Question

텍스트의 경우 텍스트 경로를 사용할 수 있지만 이미지를 경로 나 특정 불규칙한 모양 (예 : 삼각형/원)에 배치하는 방법은 무엇입니까?

Answer 1

위치를 나타내는 개체를 반환하는 getPointAtLength(length)을 사용하는 것이 좋습니다. 이와 SVG getPointAtLength documentation

당신은 당신이 원하는 경로 모양을 만들 수있을 것입니다 : 여기

은 API의 문서입니다. 그런 다음 for 루프를 수행하여 각 반복에서 증가하는 길이에 대해 경로상의 지점을 계산하십시오.

var pos; 
    for (var i = 0, len = 0; i < 10; i++, len+=10){ 
    pos = yourPath.getPointAtLength(len); 
    //Now set your items position to pos.x, pos.y 
    }