Que dispone de los siguientes detalles conmigo :
<g transform="translate(20, 50) scale(1, 1) rotate(-30 10 25)">
Necesidad de cambio por encima de la línea a:
<g transform="matrix(?,?,?,?,?,?)">
Alguien me puede ayudar a conseguir esto?
Que dispone de los siguientes detalles conmigo :
<g transform="translate(20, 50) scale(1, 1) rotate(-30 10 25)">
Necesidad de cambio por encima de la línea a:
<g transform="matrix(?,?,?,?,?,?)">
Alguien me puede ayudar a conseguir esto?
Traducir(tx, ty) puede ser escrito como la matriz:
Escala(sx, sy) puede ser escrito como la matriz:
Girar(a) puede ser escrita como una matriz:
Girar(a, cx, cy) es la combinación de una traducción (-cx, cy), una rotación de un grados y una traducción a (cx, cy), lo que da:
Si usted acaba de multiplicar esta con la traducción de la matriz que se obtiene:
Que corresponde a la SVG transformación de la matriz:
(cos(a), sin(a), -sin(a), cos(a), -cx × cos(a) + cy × sin(a) + cx + tx, -cx × sin(a) - cy × cos(a) + cy + ty)
.En su caso que es:
matrix(0.866, -0.5 0.5 0.866 8.84 58.35)
.Si se incluye la escala (sx, sy) la transformación, la matriz es:
(sx × cos(a), sy × sin(a), -sx × sin(a), sy × cos(a), (-cx × cos(a) + cy × sin(a) + cx) × sx + tx, (-cx × sin(a) - cy × cos(a) + cy) × sy + ty)
Tenga en cuenta que esto asume que usted está haciendo las transformaciones en el orden que usted escribió.
So cx and cy are offsets, not coordinates...?
cx y cy son el centro de coordenadas alrededor de la cual la rotación se hace. No tiene que ser dentro de la figura que se giran.(sx × cos(a), sy × sin(a) x tan(skY), -sx × sin(a) x tan(skX), sy × cos(a), (-cx × cos(a) + cy × sin(a) + cx) × sx + tx, (-cx × sin(a) - cy × cos(a) + cy) × sy + ty)
matrix
es todavía un problema demasiado difícil para mí de manejar.Obtener primero el g elemento del documento.getElementById si tiene un atributo id o algún otro método apropiado, a continuación, llamar consolidar por ejemplo,
Puede ser útil:
Demostración en vivo de cómo encontrar las coordenadas reales de transformar los puntos de
Una implementación de la aceptó respuesta: