DOM操作でドラッグで要素の回転の拡縮をひとつのハンドルで行う方法

###前提・実現したいこと
ここに質問したいことを詳細に書いてください
jquery ui resizableを使用して右下のハンドルを使用して
要素の中心から拡縮し尚且つ回転もそのハンドルで出来るようにする。

しかしjquery uiではドラッグスタート地点の時の要素の
TOP0 LEFT0地点で動かなくなってしまうので実現できず
しかもresizeイベントに記述して無理やり操作しているため
挙動が重いです。

拡縮のターニングポイントは要素の中心をミニマム。

例）https://aviary.com/
のステッカーと同様の動きを行いたいです。

jQuery UIでは無理な気がしてきたのでどのように書けば
上記のステッカーの動きを実現できますでしょうか。

大変お手数ではございますがご教示頂ければ幸いです。

###該当のソースコード

$(*********).resizable({
                aspectRatio: 1 / 1,
                handles: "se",
				resize: function( event, ui ) {
					var absWidth = Math.abs(ui.size.width / ui.originalSize.width);
                    var absHeight = Math.abs(ui.size.height / ui.originalSize.height);


                        $(this).css({
                            'width': ui.originalSize.width,
                            'height': ui.originalSize.height,

                        });

                    
                    if(ui.originalSize.width/2 <= ui.originalSize.width - ui.size.width){
                        absWidth = 1 - absWidth;
                        absHeight = 1 - absHeight;
                    }else if(ui.originalSize.width - ui.size.width <= 10){
                       
                        absWidth = Math.abs(ui.size.width / ui.originalSize.width);
                        absHeight = Math.abs(ui.size.height / ui.originalSize.height);
                    }

					var offset = ui.element.offset();
					//rotation center
					var center_x = (offset.left) + ($(ui.element).width() / 2);
      				var center_y = (offset.top) + ($(ui.element).height() / 2);
					var mouse_x = event.pageX;
      				var mouse_y = event.pageY;
      				var radians = -(Math.atan2(mouse_x - center_x, mouse_y - center_y) - (45 * Math.PI / 180));
					radians = Math.round(radians * 10000) / 10000;

					$(this).css({
						'transform': 'scale('+absWidth+') rotate(' + radians + 'rad)',
						'-moz-transform': 'scale('+absWidth+') rotate(' + radians + 'rad)',
						'-webkit-transform': 'scale('+absWidth+') rotate(' + radians + 'rad)',
						'-o-transform':'rotate(' + radians + 'rad)'
					});
					$(this).attr("data-angle",radians);
				}
				
            });