Examples of ePubs with SVG?

wallcraft · 02-15-2010, 01:36 PM

There is a request in FBReader's Google Group 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

Quote:

Originally Posted by wallcraft

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

Quote:

Originally Posted by pdurrant

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" 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
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. This paticular solution has the advantage that the images can be scaled. See e.g. Fridtjof Nansen: Eskimoliv, 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

Quote:

Originally Posted by rwst

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

Quote:

Originally Posted by pdurrant

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/wi...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.

02-15-2010, 01:36 PM	#1
wallcraft reader Posts: 6,977 Karma: 5183568 Join Date: Mar 2006 Location: Mississippi, USA Device: Kindle 3, Kobo Glo HD	Examples of ePubs with SVG? There is a request in FBReader's Google Group 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?

12-09-2011, 05:40 AM	#7
rwst Enthusiast Posts: 31 Karma: 28033 Join Date: Mar 2007 Location: Berlin Device: Nook	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. Last edited by rwst; 12-09-2011 at 05:53 AM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Stylesheet examples?	Skitzman69	Sigil	15	09-24-2010 09:24 PM
Examples	kafkaesque1978	iRiver Story	1	07-26-2010 04:49 PM
Looking for examples of typos in eBooks	Tonycole	General Discussions	1	05-05-2010 05:23 AM
Technical Document Examples	canicula	iRex	9	10-30-2007 10:57 AM
PDF Conversion - Examples?	DerekTheGeek	Sony Reader	12	07-28-2007 02:05 PM

12-08-2011, 06:58 AM	#4
Jellby frumious Bandersnatch Posts: 7,570 Karma: 20150435 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	Since this has been revived, I used SVG in "The Adventures of Tom Sawyer" 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.

12-08-2011, 07:27 AM	#5
SBT Fanatic Posts: 580 Karma: 810184 Join Date: Sep 2010 Location: Norway Device: prs-t1, tablet, Nook Simple, assorted kindles, iPad	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 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. This paticular solution has the advantage that the images can be scaled. See e.g. Fridtjof Nansen: Eskimoliv, 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.

12-08-2011, 07:38 AM	#6
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	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.

12-09-2011, 02:19 PM	#10
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	I only use Adobe, since my reader works on ADE. However, I know that even iBooks worked fine with the SVG...

12-09-2011, 02:21 PM	#11
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	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.

Advert

Advert