SVG 경로의 회전을 점 배열로 변환

경로가 기본적으로 4 포인트 인 직사각형입니다. transform="rotate(45)"을 추가하여 회전시킵니다. 이제는 컨테이너에 상대적으로 회전 된 경로의 각 코너 점의 좌표를 가져와야합니다.SVG 경로의 회전을 점 배열로 변환

아마도 회전이 아니어야하며 경로에 대한 알고리즘을 사용하여 새 d 값을 계산 한 다음 경로를 설정하고 경로를 회전시킨 것처럼 보이게해야합니다.

알려 주시기 바랍니다.

출처

2014-12-05 Sergei Basharov

'd'에 대한 새 좌표를 계산하려면 : http://math.stackexchange.com/questions/195141/rotating-2d-coordinates – pawel

snap-framework 태그가 snap.svg 여야하는지 확실하지 않습니다. snap.svg.js를 사용하는 경우 회전 된 Snap 행렬과 함께 snap.path.map http://snapsvg.io/docs/#Snap.path.map을 사용할 수 있습니다. – Ian

@ 이안 (Ian)을 답으로 써서 해결책으로 표시 할 수 있습니까? –

Snap.path.map() 메서드를 사용하여 경로 문자열을 변환 할 수 있습니다. Docs.

그래서 매트릭스 (예 : Snap.matrix(). rotate (45))를 사용하면 경로 문자열과 함께 Snap.path.map (myPath, myMatrix); 그리고 그것은 당신을 위해 그것을 변환해야합니다.

출처

2014-12-05 22:53:20 Ian

SVG 경로의 회전을 점 배열로 변환

답변

관련 문제