1558855 - rotate svg keyframes css transform matrix

Status: NEW

(Core :: SVG, defect, P3)

Description

[periton33]

Attachment: basura.svg

User Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:67.0) Gecko/20100101 Firefox/67.0

Steps to reproduce:

animate rotate un svg 360º key frames transform matrix3d

Actual results:

in 180 degrees the animation does not perform well being the correct matrix4x4 points
https://codepen.io/jose-manuel-mateos/pen/xoKBEx

Expected results:

perfect rotation of the svg from the center of the figure

Comment 1

[periton33]

Attachment: rotate matrix svg no firefox

Comment 2

[periton33]

Attachment: bart giro.svg

Mal rotación del svg con tranform matriz3d en css keyframe

Comment 3

[periton33]

Comment on attachment 9071650 [details]
basura.svg

a 180 grados en firefox no realiza bien la animación de rotación

Comment 4

[Emilio Cobos Álvarez (:emilio)]

Brian, do you know whether this is a known issue? You were looking at transform interpolation a bit ago.

Comment 5

[Brian Birtles (:birtles, Feb 26~ parental leave)]

Possibly a dupe of bug 1499862. There are a bunch of cases where our matrix interpolation differs from Chrome which also differs from the spec. Kevin Ellis has filed a few issues on the spec that I'm in the process of trying out in Firefox--if they fix this and bug 1499862 then we can hopefully get the spec updated too.

Comment 6

[periton33]

Attachment: imagen girando eje x.svg

Imagen en el eje x con el mismo error

Comment 7

[periton33]

Attachment: giro de texto en eje y .svg

Comment 8

[periton33]

Comment on attachment 9072455 [details]
giro de texto en eje y .svg

MIsmo error cuando pasa 180 en diferente eje

Comment 9

[periton33]

Muchas gracias por vuestra atención, no pensé que nade pudiera estar interesado en este tipo de problemas. Llevo muchos años intentado resolver sin éxito este tema, sin ningún resultado,¿ alguien tiene un ejemplo de rotaciones con key Frames css pero con Transform de matrices 4x4 ?
¿O no es lo recomendable?, ¿cual es el futuro de mover un SVG con Matrices ( movimientos continuos complejos??.
Un saludo y gracias por vuestra atención

Thank you very much for your attention, I did not think that nade could be interested in this type of problems. I have tried for many years to resolve this issue without success, without any results, does anyone have an example of rotations with key Frames css but with Transform of 4x4 matrices?
Or is it not advisable? What is the future of moving an SVG with Matrices (complex continuous movements ??
Greetings and thanks for your attention