SVG Images on iPad - contained bitmap image not displaying

[heulwen.jones]

I am investigating using SVG images in our ePubs for some graphs etc. as text is too fuzzy in some images when using jpg or png (plus Apple Store apparently rejects ePubs if too much text in bitmap images).

I am testing generating the SVGs via Adobe Illustrator CC and then manually adding into ePub file. The SVGs seem to work fine in both Adobe Digital Editions and in iBooks/iPad except for one issue:
If the image has embedded bitmaps (eg. we have an SVG image with embedded bitmap images as well as text) the bitmap images don't display in iBooks/iPad but the text does.

Note that both text and images DO display correctly in Digital Editions.

Any ideas as to why this might be happening? The SVG images seem to validate correctly using the Oxygen validator?

Many thanks for your help : )

Heulwen

[HarryT]

Moved to the ePub forum.

[dgatwood]

Does the SVG work if you look at the enclosing HTML page in Safari or Chrome?

Can you post an example of the SVG?

[heulwen.jones]

If I open the XHTML page that contains the SVG image in either Safari or Chrome the image displays correctly. It seems to be something unique to iBooks/iPad?

Heulwen

[heulwen.jones]

Here is a sample SVG (with both image and text):

https://www.dropbox.com/s/j3uwxb0xek...rt_WordWEB.svg

If you can get it to work in an ePub on the iPad/iBooks i'll be very excited! Heulwen

[dgatwood]

When I include it in an <img> tag from a local XHTML file, Safari doesn't load it, either. Same problem in Firefox. It might be a bug in the "same domain" code.

However, if I strip out the preamble and include the svg element itself inline as part of an HTML page, it works for me in both Safari and iBooks (at least in OS X).

Similarly, if I use the <embed> tag instead of <img>, it works.

After you make that change, please file a bug at bugreport.apple.com. I would expect any SVG that works inline and passes validation to work correctly when referenced externally with an img tag, and I'm really not sure why this one doesn't.