10
Estoy usando elementos HTML relativamente posicionados en un SVG foreignObject. Sin embargo, en Chrome, el contenido relativamente posicionado no respeta scale() o viewBox. En consecuencia, no es el tamaño correcto.En Chrome, ¿por qué SVG foreignObjects no escala el contenido relativamente posicionado?
Here is an example of my problem on jsFiddle. Los tres fragmentos de texto deben aparecer del mismo tamaño para los usuarios finales ... pero en Chrome no es así.
¿Qué está causando esto?
Firefox Captura de pantalla (como se esperaba?)
Chrome captura de pantalla (bug?)
Tenga en cuenta que no es posible eliminar el posicionamiento relativo. –
Si realmente debe usar el posicionamiento relativo, parece que debe ejecutar la cabeza en este error. ¿Por qué no puedes eliminar el posicionamiento relativo? ¿El contenido 'foreignObject' está siendo generado por alguna fuente que no controlas? – ellisbben
@ellisbben - Sí, y también estoy usando el posicionamiento relativo para tratar con [otro error de Chrome SVG foreignObject] (http://stackoverflow.com/questions/8185845/svg-foreignobject-behaves-as-though-absolutely- posicionado en navegadores webkit). –