svg旋转中心

Question

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="473" height="190"> <polygon index="0" points="138,100 163,125 138,150 113,125" transform-origin="50% 50%" transform="translate(10, 0) scale(1.2, 1) rotate(30)" style="fill:#ff9d4a;stroke:#000 ;stroke-width:2;transform-origin: 50% 50%"></polygon> </svg>

请问下为啥这样设置了origin还是没有在中心旋转呢？
我是在JAVA生成svg图片的时候生成的SVG字符串张这样，然后发现旋转的中心不对，该咋整勒？

Answer 1

不要用origin,safari 有问题