View Full Version : Examples of ePubs with SVG?


wallcraft
02-15-2010, 01:36 PM
There is a request in FBReader's Google Group (http://groups.google.com/group/fbreader/browse_thread/thread/a7cb2e9206f1acf7) for an example ePub with SVG. Collecting examples seems like a good idea even independent of this request.

Which ePubs are good examples of the use of SVG? If possible, they should be DRM-free and freely down loadable but any good example of SVG usage is worth mentioning.

Uses of SVG in ePubs include:

a wrapper to optimize an image's size
text placed exactly on the screen
text overlaying an image
in-line symbols (e.g. math expressions)
vector graphics
Are there other uses?

pdurrant
02-15-2010, 01:53 PM
Which ePubs are good examples of the use of SVG? If possible, they should be DRM-free and freely down loadable but any good example of SVG usage is worth mentioning.

There's my "Desbarollda, the Waltzing Mouse". A free sample is available at Lulu.com that shows two uses of SVG:

* Exact placement of text and proportional resizing of text and images, to make the title page match the printed title page very closely
* Proportional resizing of images to fit the screen, whatever the aspect ratio of the screen relative to the image aspect ratio.

http://www.lulu.com/product/6021650

The Preview link is not very obvious, but is visible just below the cover image.

rwst
12-08-2011, 05:49 AM
There's my "Desbarollda, the Waltzing Mouse". A free sample is available at Lulu.com that shows two uses of SVG:

* Exact placement of text and proportional resizing of text and images, to make the title page match the printed title page very closely
* Proportional resizing of images to fit the screen, whatever the aspect ratio of the screen relative to the image aspect ratio.

http://www.lulu.com/product/6021650

The Preview link is not very obvious, but is visible just below the cover image.

Sorry, but what nonsense. That preview contains not a single line of SVG but uses PNG for the pictures.

But maybe you changed it since none of the readers could handle SVG?
Then please give a link to the SVG version, as this would still be interesting.

Regards,
rwst

Jellby
12-08-2011, 06:58 AM
Since this has been revived, I used SVG in "The Adventures of Tom Sawyer (http://www.mobileread.com/forums/showthread.php?t=135679)" to slant two lines of text (chapter V).

I could also use SVG in "Through the Looking-Glass" for a piece of mirrored text, but it's not there yet.

SBT
12-08-2011, 07:27 AM
I've used SVG for illustrations and photographs which I wanted to reproduce in the original landscape mode, so I could rotate the caption 90 degrees. I've done it in e.g. Eivind Astrup: Blandt Nordpolens Naboer (http://www.mobileread.com/forums/showthread.php?t=146805)
I'm not sure it's worth it though; SVG support can be patchy and unpredictable, and more readers have support for flipping between portrait and landscape mode than have reliable SVG support.

My favourite use of SVG is to achieve flow around ragged images as described in this post by Jellby (http://www.mobileread.com/forums/showpost.php?p=458436&postcount=22). This paticular solution has the advantage that the images can be scaled. See e.g. Fridtjof Nansen: Eskimoliv (http://www.mobileread.com/forums/showthread.php?t=102502), chapter 4.

For scaling of other images I just set the width attribute to a percentage value, that seems to handle scaling in all the readers I've tried.

Toxaris
12-08-2011, 07:38 AM
I use SVG as wrapper for my covers and SVG for the titlepage as vector graphics. Sometimes I also use SVG as section dividers, since they can scale with the text.

So far no complaints. I must say however, that there are various methods. It might be that some are better supported than others.

- Images in SVG wrapper
- embed SVG objects
- SVG inside the XHTML

I can understand that transformations are not always supported well.

rwst
12-09-2011, 05:40 AM
Thanks for replying. Let me add the following link
http://www.hindawi.com/epub/

which showcases a few journal papers using SVG for typesetting formulae, graphics and such.

Now, since you played with SVG you certainly tested the epub on a few readers. Can you please tell which readers (apart from Adobe) can display SVG in the text without any transformation? Can it zoom the SVG too?

Regards,
rwst

PS: This is just for quick orientaton. I might create a full thread/poll when I'm sure about which code to use.

pdurrant
12-09-2011, 08:43 AM
Sorry, but what nonsense. That preview contains not a single line of SVG but uses PNG for the pictures.


Might I suggest you look again at content002.xhtml?

rwst
12-09-2011, 11:49 AM
Might I suggest you look again at content002.xhtml?

Ah ok, apologies for not grepping deep. Thanks for your reply.

I think what is needed before starting a poll is something like
http://www.w3.org/Graphics/SVG/WG/wiki/Test_Suite_Overview

but with additional tests directed at EPUB readers, like OPS conformance etc.

Regards,
rwst

Toxaris
12-09-2011, 02:19 PM
I only use Adobe, since my reader works on ADE. However, I know that even iBooks worked fine with the SVG...

Toxaris
12-09-2011, 02:21 PM
I only tested on Adobe myself, since that is my reader. However, even iBooks supported my usage of SVG. I also used quotations in SVG. These were created with the inline tool of codecogs.