09-09-2012, 04:42 PM | #1 |
Guru
Posts: 932
Karma: 15752887
Join Date: Mar 2011
Location: Norway
Device: Ipad, kindle paperwhite
|
XHTML fallback for SVG
Lately I have been messing about with pdurrants solution for full-screen cover images. Some readers does not "do" svg, e.g. Stanza and others. So I would like to have a sort of fallback to XHTML where SVG cannot be rendered.
I save the following as cover_front.svg: Code:
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml-stylesheet href="stylesheet.css" type="text/css"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 617 900" preserveAspectRatio="xMidYMid meet"> <image width="617" height="900" xlink:href="cover_front.jpg"/> <text x="300" y="450" text-anchor="middle" color="white" style="font-size:75px;color:white;">This is a test</text> </svg> This svg-file is referenced in cover_front.xhtml: Code:
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Back Cover</title> <link href="stylesheet.css" type="text/css" rel="stylesheet"/> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/> </head> <body> <div class="svg_outer"> <div class="svg_inner"> <object style="background-color:yellow" data="images/cover_front.svg" type="image/svg+xml"> <img src="images/cover_back.jpg" alt="Some text to describe the contents of the cover"/> </object> </div> </div> </body> </html> Code:
.svg_outer { display: block; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; background-color:red; width:100%; height:100%; max-width:100%; max-height:100%; } .svg_inner { display:block; text-align:center; background-color:blue; } .svg_inner object{ margin:0 0 0 0; display:block; width:100%; height:100%; background-color:green; } The problem is that it doesn't work. In ADE (desktop) it doesn't resize to full screen, in iBooks it doesn't show up at all, the only place it works as expected is Calibres ibook reader and Stanza I wonder why Stanza suddenly started rendering books as described in the CSS Have any of you had experiences with the <object> tag indicating that it will be ignored by iBooks? Or have any of you tips on how to scale the .svg file? The object tag itself fills the entire screen (the style="background-color:yellow" in <object> fills the entire screen. It's the svg file referenced in the data attribute of the object tag that does not scale to full screen). Any tips on what to do? |
09-10-2012, 02:02 AM | #2 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
Something else I noticed. Text-anchor: middle doesn't work in ADE. I remember reading about this on an Adobe forum that this was deliberate and that there is no intention to change that. I can't find the thread anymore of course...
Last edited by Toxaris; 09-10-2012 at 02:09 AM. |
09-10-2012, 02:28 AM | #3 | |
Guru
Posts: 932
Karma: 15752887
Join Date: Mar 2011
Location: Norway
Device: Ipad, kindle paperwhite
|
Quote:
The implementation of SVG in epub readers is, it seems, immature and unreliable. This is sad, because there are so many places it could have been used. That's why I would like to have a fallback to strict xhtml |
|
09-10-2012, 04:20 AM | #4 |
frumious Bandersnatch
Posts: 7,516
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
If a reading system does not support SVG, which is required by the ePub spec, will it support fallbacks? I wouldn't count on it...
|
09-10-2012, 06:31 AM | #5 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
Does Bluefire uses ADE? In that case they must have adapted it with regards to the SVG. I suspect they use another engine.
Most readers support SVG to a certain point, only not the more fancy stuff. Also, according to the specs of ePUB2 not the complete set of SVG must be supported. Text-align however should be and I think it is a big mistake from Adobe. If you want to keep the image and the caption together on the same page, this can be used. However, without the align it is impossible to center automatically. |
09-10-2012, 06:53 AM | #6 | |
Guru
Posts: 932
Karma: 15752887
Join Date: Mar 2011
Location: Norway
Device: Ipad, kindle paperwhite
|
Quote:
I know that the full power of SVG has not yet been unleashed in ebook platforms, but the problem is that SVG is unreliable. |
|
09-10-2012, 08:41 AM | #7 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
I believe that Adobe DRM is not related to ADE. It is a separate product.
|
09-10-2012, 10:15 AM | #8 |
Resident Curmudgeon
Posts: 73,957
Karma: 128903250
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
|
09-17-2012, 02:05 AM | #9 |
Evangelist
Posts: 416
Karma: 14682
Join Date: May 2008
Location: SF Bay Area
Device: Nook HD, Nook for Windows 8
|
|
09-17-2012, 10:41 PM | #10 |
Resident Curmudgeon
Posts: 73,957
Karma: 128903250
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
I think Adobe botched things big time with the RMSDK. They should have made it mandatory for anyone using the RMDSK to keep it updated. Because of this botch, we'll have old versions floating around for a long time and ePub eBooks may have to stay compatible to the old versions because of this.
|
10-01-2012, 06:32 PM | #11 | |
Bluefire Reader dude
Posts: 329
Karma: 1089156
Join Date: Oct 2010
Location: Seattle
Device: Ipad
|
Quote:
|
|
10-04-2012, 03:54 PM | #12 |
Resident Curmudgeon
Posts: 73,957
Karma: 128903250
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
I have the new Bluefire Reader. Given that the version of ADE is updated, why is it not displaying hyphens? Is it not updated enough?
|
10-05-2012, 12:49 AM | #13 |
Bluefire Reader dude
Posts: 329
Karma: 1089156
Join Date: Oct 2010
Location: Seattle
Device: Ipad
|
We could simply "turn on" hyphens now, but it can actually suck if you don't really dial it in - and that takes real work. So it did not make it into the last release as the number of requests for that were way smaller than other things like export annotations, simple highlighting, better search, more font choices, definition lookup, etc.
|
10-06-2012, 09:17 AM | #14 | |
Resident Curmudgeon
Posts: 73,957
Karma: 128903250
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Quote:
|
|
10-07-2012, 03:43 AM | #15 |
frumious Bandersnatch
Posts: 7,516
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
Or how about a setting that can be enabled/disabled?
I read somewhere (I think it was in a book about Photoshop) that "popular" feature requests tend to be quite dull, uninteresting, and sometimes useless or already possible. In this case, I believe most users will not demand better typesetting (we can include hyphenation there), but that shouldn't be a reason not to implement it... |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Guide for converting Kindle Topaz (xhtml with svg) to PDF | Fschumaur | Workshop | 5 | 03-27-2015 01:35 AM |
How can I convert topaz ebook from multiple xhtml's (SVG) to single pdf? | rglk | Workshop | 3 | 11-28-2011 04:33 PM |
Problems with SVG's | ferulebezel | Conversion | 0 | 10-29-2011 09:15 PM |
gets SVG when should be JPG | JSWolf | Calibre | 2 | 04-21-2009 03:35 PM |
Does Digital Edition support fallback for epub? | sfan | Reading and Management | 9 | 06-06-2008 12:46 AM |