Svg center of rotation

<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:-sharpff9d4a;stroke:-sharp000 ;stroke-width:2;transform-origin: 50% 50%"></polygon> </svg>

Why is origin set or not rotated in the center?
I generated a SVG string like this when JAVA generated svg images, and then found that the center of rotation is not right, how to fix it?

Jun.28,2021

do not use origin , there is a problem with safari

Menu