旋转后调整大小时设置固定角的逻辑？

Question

可能重复的是：

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

使用javascript 调整大小并旋转功能。

参考图：已轮播sub1.abc.com

上图显示了转角A需要设置固定，而调整大小（使用转角C）后，旋转到某种程度。

检查角落位置后的this等链接，如何保持角落固定..？

JS fiddle..!

中的代码

注意：要在轮换Canva之后保持固定角落，Powtoon在40 deg =＆gt;中进行了一些调整由Canva和translate(x,y)，left =＆gt;由Powtoon。