javascript - Cómo cargar HTML <object> SVG incluso cuando está oculto

Necesito esperar a que un cierto objeto se cargue mientras está oculto. Pero lo que parece estar ocurriendo es que solo se carga sin el display:none;

Estoy usando jQuery, y traté de poner el .load en el objeto para llamar a una función cuando se cargue, pero parece que no se cargará, porque está oculto.

¿Hay una manera de 'forzar' la carga del objeto o, de otra manera, 'ocultarlo' pero que todavía se cargue?

Cómo hacerlo correctamente:

usa visibility: hidden en lugar de display: none

como se explica aquí: http://www.w3.org/TR/SVG/painting.html#VisibilityProperty

Cuando la propiedad 'display' se establece en none, el elemento dado no pasa a formar parte del árbol de renderizado. Sin embargo, con 'visibility' establecida en hidden, el procesamiento ocurre como si el elemento formara parte del árbol de renderizado.

Respuesta #1

Cárgalo fuera de la pantalla, style="position:absolute;left:100000px"

Respuesta #2

Cómo hacerlo correctamente:

usa visibility: hidden en lugar de display: none

como se explica aquí: http://www.w3.org/TR/SVG/painting.html#VisibilityProperty

Cuando la propiedad 'display' se establece en none, el elemento dado no pasa a formar parte del árbol de renderizado. Sin embargo, con 'visibility' establecida en hidden, el procesamiento ocurre como si el elemento formara parte del árbol de renderizado.

gracias a @SomeKittens