OASIS Mailing List ArchivesView the OASIS mailing list archive below
or browse/search using MarkMail.

 


Help: OASIS Mailing Lists Help | MarkMail Help

docbook-apps message

[Date Prev] | [Thread Prev] | [Thread Next] | [Date Next] -- [Date Index] | [Thread Index] | [List Home]


Subject: Re: [docbook-apps] docbook + svg + epub3 -- how to do?


Hi Robert,
SVG is supported pretty well in the epub3 stylesheet.

While you can put SVG code inside an imagedata element, most people keep the SVG in a separate file and reference the file with a fileref attribute on the imagedata. If you use a fileref, the epub3 stylesheet will do the following:

1. Output an XHTML <img> element whose src attribute references the svg filename.

2. For each svg image found in the document, it will add an <item> element to the .opf metadata file.

3. It will add a properties="svg" attribute to the <item> element in the .opf file for the XHTML output file containing the svg.

As with other image files, the stylesheet will not copy the svg file to the output directory. Most people use a Makefile or Ant task for that purpose.

The stylesheet does not open any SVG code and investigate it for embedded image files.

There currently is no support for a fallback mechanism for browsers that don't support svg. In DocBook 5.1 (forthcoming), there will be support for multiple imagedata elements inside an imageobject, which would allow you to specify a backup image that the stylesheet could reference.

Hope this helps.

Bob Stayton
Sagehill Enterprises
bobs@sagehill.net

On 3/5/2014 2:17 AM, Robert Nagle wrote:
Hi, there, I am working on an ebook where I want to use svg for images. I
see that SVG support in Kindle has improved recently, and plus my images
might future-proof better if I use svg.

I suspect that svg and docbook play well together.  But I don't know really
what's going on.  I see that there's an example of svg inside an imagedata
element here: http://docbook.org/tdg51/en/html/_any.svg.html

How would the epub3 stylesheets render the example (generally I mean). Does
it just pass the svg code as is  into the xhtml?

Is there any way to do a fallback rendering if the browser or tablet
doesn't support svg?

Also, if I use the example below as my svg, when you run the epub3 XSLT,
which of these files (if any) will appear in package.opf file?

Robert Nagle


<svg id="ch1-title-image" viewBox="0 0 1000 500"
preserveAspectRatio="xMidYMin meet">
    <defs>
       <desc>
           Chapter 1
       </desc>
       <clipPath id="inset-ch1">
           <use xlink:href="images/ChapterBorder.svg#inset-border"/>
       </clipPath>
    <defs>

    <image xlink:href="images/Ch1.jpeg"
           x="350" y="100" width="300" height="200"
           clip-path = "url(#inset-ch1)" />

    <use xlink:href="images/ChapterBorder.svg"
          x="0" y="0" width="1000" height="500" />

    <text x="500" y="400" text-anchor="middle" font-size="60">
        The Lamp in the Window
    </text>
</svg>









[Date Prev] | [Thread Prev] | [Thread Next] | [Date Next] -- [Date Index] | [Thread Index] | [List Home]