Блог

Я пытаюсь повернуть SVG-путь с помощью React Native, но я не знаю, как сделать этот поворот по центру SVG-пути или с помощью другого элемента (прямой, другой путь…).

Это мой код путей SVG :

 lt;Svg  width="550"  height="550"  viewBox="200 0 550 550"  fill="none"  xmlns="http://www.w3.orG/2000/Svg"gt;  lt;G id="undraw_science_re_mnnr 1"gt;  lt;G id="Group 1" **transform="rotate(15)"**gt;  lt;Path  id="Vector"  d="M330.641 80.5397C331.127 81.9389 331.914 83.2144 332.947 84.2765C333.979 85.3385 335.232 86.1613 336.617 86.6867C338.002 87.2122 339.486 87.4276 340.963 87.3178C342.44 87.208 343.875 86.7756 345.167 86.0511L433.043 114.239L462.127 91.4209L348.778 71.5738C347.417 69.484 345.337 67.9659 342.932 67.3073C340.526 66.6487 337.963 66.8954 335.727 68.0006C333.492 69.1057 331.739 70.9926 330.801 73.3036C329.864 75.6147 329.807 78.1893 330.641 80.5397V80.5397Z"  fill="#FFB6B6"  /gt;  lt;Path  id="Vector_2"  d="M493.406 118.209C493.406 118.209 492.609 116.257 482.094 120.505C469.042 125.779 399.557 122.253 395.706 103.307C394.477 104.576 392.86 105.4 391.111 105.649C389.362 105.898 387.58 105.558 386.045 104.683L396.908 80.8411C402.562 79.0337 405.634 77.6964 406 79.999L423 78.999L491.85 90.5888L493.753 114.355L493.406 118.209Z"  fill="#F2F2F2"  /gt;  lt;/Ggt;  lt;/Ggt;  lt;/Svggt;  

Кто — нибудь может мне помочь ?

Спасибо