Saltar al contenido

SVG transform = “rotate (180)” no funciona en Safari 11

Solución:

En SVG 1.1 <svg> Los elementos no admitían atributos de transformación. En SVG 2 se propone que deberían hacerlo.

Chrome y Firefox implementan esta parte de la especificación SVG 2, Safari aún no lo hace e IE11 nunca lo hará.

Puede lograr el mismo resultado en navegadores que no son compatibles con esta función SVG 2 reemplazando el <svg> elemento por un <g> elemento o creando un <g> elemento hijo en el <svg> elemento y poner la transformación en el <g> elemento.

Los navegadores le permiten usar CSS en los elementos SVG, por lo que una solución fácil es usar la transformación CSS en su lugar.

<!-- ( works on all elements ) -->
<path style="transform:rotate(180deg)" />
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *