回転後に css3 で transform-origin 属性を変更すると、要素が元の位置の中心に戻ります。この距離を計算する方法はありますか?異なる原点でスムーズに回転させたい。
式を書きました。それはうまく機能しますが、将来のローテーションからの起源を知っている場合に限ります.
var newx = p2x - Math.sqrt(Math.pow(p2x - p1x, 2) + Math.pow(p2y - p1y, 2)) * Math.sin( -((degree * (Math.PI/180))) + Math.atan( ((p2x - p1x)/(p2y - p1y)) ));
var newy = p2y - Math.sqrt(Math.pow(p2x - p1x, 2) + Math.pow(p2y - p1y, 2)) * Math.cos( -((degree * (Math.PI/180))) + Math.atan( ((p2x - p1x)/(p2y - p1y)) ));
p1x と p1y は未来の値で、p2x と p2y は現在の回転の原点です。