How to set transform origin in SVG?

To rotate use transform="rotate(deg, cx, cy) where deg is the degree you want to rotate and (cx, cy) define the centre of rotation For scaling/resizing, you have to translate by (-cx, -cy), then scale and then translate back to (cx, cy). You can so this with a matrix transform: transform="matrix(sx, 0, 0, sy, sx*cx, sy*cy) Where sx is the scaling factor in the x-axis, sy in the y-axis.

To rotate use transform="rotate(deg, cx, cy)", where deg is the degree you want to rotate and (cx, cy) define the centre of rotation. For scaling/resizing, you have to translate by (-cx, -cy), then scale and then translate back to (cx, cy). You can so this with a matrix transform: transform="matrix(sx, 0, 0, sy, sx*cx, sy*cy)" Where sx is the scaling factor in the x-axis, sy in the y-axis.

Thank you so much. Rotate works perfectly I think, but scaling/resizing always end up having off by some random amount. I tried using the matrix and doing them separately like "translate(cx*sx, cy*sy) scale(sx, sy)".

The same result. – Charlemagne Jul 16 at 0:03 Wouldn't it be transform="matrix(sx, 0, 0, sy, cx-sx*cx, cy-sy*cy)"? Because you want to only translate by the difference.

I think this logic is correct, but it still gives me off positions... – Charlemagne Jul 16 at 1:13 Now it works! I was just using wrong cx and cy values! THanks a lot!

– Charlemagne Jul 16 at 1:40 Cool, glad it works. – Peter Collingridge Jul 16 at 18:14.

To rotate use transform="rotate(deg, cx, cy)" where deg is the degree you want to rotate and (cx, cy) define the centre of rotation.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.