Logic to set fixed corner while resize after rotat

Question

Possible duplicates are:

How to calculate translate x and y value when resize after rotate..?

Resize logic to maintain a fixed corner after rotate in javascript

How to resize with fixed corner after rotate?

How to maintain fixed corner while resize a DIV element after rotate

Working in resize and rotate functionality with javascript.

Reference diagram: Rotated 40 deg

The above diagram shows the corner A need to set fixed while resize(using corner C) after rotated to some degrees.

Checked links like this, after finding corners position, how to maintain corner fixed..?

Code in JS fiddle..!

Note: To maintain fixed corner after rotate Canva and Powtoon made some adjustments in translate(x,y) => by Canva and left,top => by Powtoon.