在其轴上旋转SVG图像。

Question

我有这个svg。

＆＃13;

＆＃13;

<svg>
       <path xmlns="http://www.w3.org/2000/svg" fill="#012d26" d=" M 81.16 38.23 C 83.16 42.68 85.01 47.20 87.05 51.63 C 89.59 57.31 91.99 63.04 94.50 68.73 C 107.87 65.61 122.71 76.15 123.25 90.07 C 124.68 103.15 112.95 115.43 99.93 115.20 C 87.82 115.97 76.31 106.03 75.34 93.93 C 74.34 84.23 80.19 74.37 89.14 70.51 C 87.75 64.47 86.08 58.49 84.69 52.45 C 83.60 47.69 82.33 42.97 81.16 38.23 Z"/>
    </svg>

＆＃13;

＆＃13;

＆＃13;

我想在它的轴上旋转它。像米针一样。

我试过..

transform: rotateZ(0deg);

但是，这会旋转整个图像。我想保持基座固定，只旋转针头部分。

Answer 1

这可以通过以下方式完成：

transform-origin:bottom; 
transform: rotateZ(0deg);