How to rotate a shape with origin at centre

mohan_vadivel · May 8, 2022, 6:33pm

Hey, figma’s rotation api by default, takes origin at top-left corner of the shape.
I’ve tried to make it centre by using relative transformation matrix, but I couldn’t able to figure it out.

Is there is any other ways or examples out there for rotating a shape with origin at centre of the shape.

Gleb · May 9, 2022, 1:11am

gist.github.com

https://gist.github.com/LukeFinch/d3c93d79a9dcd6970358be1d17838318

rotate-center.js

let angle = 45
let theta = angle * (Math.PI/180) //radians

let sel = figma.currentPage.selection[0]
//cx,cy is the center of the node
let cx = sel.x + sel.width/2
let cy = sel.y + sel.height/2
let newx = Math.cos(theta) * sel.x + sel.y * Math.sin(theta) - cy * Math.sin(theta) - cx * Math.cos(theta) + cx
let newy = - Math.sin(theta) * sel.x + cx * Math.sin(theta) + sel.y * Math.cos(theta) - cy * Math.cos(theta) + cy

This file has been truncated. show original