Quote:
Originally Posted by JSWolf
Forget SVG. Not every ePub reading software will work with SVG. My way has the best chance of working.
|
That is not true; sorry to be harsh, but your code doesn't work. This is how it looks under:
Bibi Reader:

The cover is not showed at all.
EpubJS Reader:

The right side of the cover is not showed.
Readium Reader:

The cover is not centered, is aligned to the top.
And your code use as anchor the "height" property (height: 100%); so, what happens when the "width" of an image is bigger than its "height"? Because the properties "max-width" and "max-height" are not supported by ADE Legacy (ADE 2.x), it happens the following:
The cover can't maintain its proportion. Conclusion: your code doesn't work. I'm wondering if you seriously tested it under ADE 2.x.
By the way, an ereader that does not support an svg wrapper is anything but an ereader.