How to convert the translation and rotation parameters of svg rotate.

problem description

now I"m going to convert the rotate of svg to calculate the translation and rotation angles

the background of the problem and what methods I have tried

function rotate (p1 and p2. R) {

var x=p1.x-p2.x;
var y=p1.y-p2.y;
var x0=p2.x;
var y0=p2.y;
var rx=x*Math.cos((r/180)*Math.PI)-y*Math.sin((r/180)*Math.PI)+x0;
var ry=x*Math.sin((r/180)*Math.PI)+y*Math.cos((r/180)*Math.PI)+y0;
console.log(x0)
return {x:rx,y:ry}

}
does not solve the problem that others cannot read

related code

/ / Please paste the code text below (do not replace the code with pictures)
< use width= "22.0" x = "223.0" y = "349.8" height= "12.0" xlink:href= "- sharpXXX" transform= "rotate (0.0234.0355.8) scale (1.000) translate (0.00.0)" / >
how to Rotate (0.0234.0355.8) is transformed into displacement and rotation relative to current coordinates

0.0 is the degree of rotation

234.0355.8 is the center of rotation

what is the result you expect? What is the error message actually seen?

give me a formula, boss, the program is even better

Mar.26,2022

did not notice that it rotates according to the center of the graph, and the displacement of the figure is only affected by scaling. Be careful next time, as if linear algebra can be easily solved (not learned)

Menu