자바빵
521
2021-08-17 12:50:46
1
87

<path>의 각도를 조절하고 싶습니다.


0. d3를 사용하고 있습니다.



1. 움짤처럼 파,빨,초의 3가지 <path>를 <group>으로 묶어서 움직이려 합니다.

<g id="color_group">
    <path stroke="blue">
    <path stroke="red">
    <path stroke="green">
</g>

대충...이런느낌입니다...



 2. 주황색 포인트로 각도를 조절할 수 있고, 보라색 포인트를 중심으로 <group>이 회전합니다.




단순히 <group>의 css속성인 transform:rotate를 돌려서는결과가 이상하게 나옵니다 ㅠ

중심점을 지정하고 그 중심을 기반으로 돌았으면 좋겠는데, 어떤 방법으로 접근해야할지 감이 안옵니다 ㅠㅠ










0
  • 답변 1

  • yeori
    2k
    2021-08-18 05:07:01
  • 로그인을 하시면 답변을 등록할 수 있습니다.