base64-encoded SVG documents do not display embedded images

• Component: SVG
• Status: RESOLVED FIXED

[Steven Vachon]

http://svachon.com/webframes/examples.html

The non-vector-based images in the above link will not work in any WebKit browser, but they work everywhere else.

The SVG structure is a little different than anything you've probably encountered before. First, it is an SVG document containing base64 encoded <image>s. Second, that SVG document is then base64 encoded and embedded into an <image> within a parent SVG document. This was done to ensure that all CSS animations begin at exactly the same time, thereby preventing unsightly flickering.

The images will display in WebKit-based browsers if the document-level base64 encoding is skipped, however.