Re: image that resizes automatically to screen size in epub

[John MacFarlane <jgm-TVLZxgkOlNX2fBVCVOL8/A@public.gmane.org>]

John MacFarlane <jgm-TVLZxgkOlNX2fBVCVOL8/A@public.gmane.org> writes:

> "cjns...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org" <cjns1989-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> writes:
>
>> Here's the code:
>>
>> <div id="pl01">
>> <svg xmlns="http://www.w3.org/2000/svg" 
>> xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" 
>> height="100%" viewBox="0 0 900 1200" preserveAspectRatio="none">
>> <image width="900" height="1200" xlink:href="../media/pl001.jpg" />
>> </svg>
>> </div>
>>
>> The jpg image is invoked via "xlink:href=" 
>>
>> Unless I'm getting confused with the relative path the nightly version 
>> still does not pull the referenced file: it's nowhere to be found either in 
>> the EPUB/content.opf manifest nor does it get copied over to EPUB/media/*
>>
>> On the other hand pandoc does understand the <svg></svg> tag: in the 
>> content.opf manifest of the resulting EPUB the description of the 
>> ch001.xhtml that contains the above code includes the "properties=svg" 
>> attribute.
>>   
>> My guess is that pandoc does not understand the "xlink:ref="  syntax.
>
> That's right. It probably wouldn't hurt just to globally allow this as a
> fallback if src isn't present.

Hm. The raw HTML is passed through to the EPUB (at least in
current master with the svg fix). The problem is that pandoc
doesn't "see" the jpg and thus doesn't include it in the manifest
or media.  That's because the SVG lives in the AST as a raw HTML
element, not an Image, and pandoc only fetches contents for
Images.

The change I referred to earlier causes svg elements in HTML
to be parsed as images (with data: urls encoding the SVG
content).  But it only does that if `raw_html` is disabled
in the reader. If `raw_html` is enabled, it just parses
the SVG element as raw HTML.  The problem is that your input
source is Markdown, not HTML, and the only thing the Markdown
reader does with HTML is return raw HTML blocks/inlines.
(It does not try to parse this HTML and assign it a meaning.)

You can work around this, actually!

% pandoc -f html -t markdown
<svg xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" 
height="100%" viewBox="0 0 900 1200" preserveAspectRatio="none">
<image width="900" height="1200" xlink:href="../media/pl001.jpg" />
</svg>
^D
![](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdib3g9IjAgMCA5MDAgMTIwMCIgcHJlc2VydmVhc3BlY3RyYXRpbz0ibm9uZSI+CjxpbWFnZSB3aWR0aD0iOTAwIiBoZWlnaHQ9IjEyMDAiIGhyZWY9Ii4uL21lZGlhL3BsMDAxLmpwZyI+PC9pbWFnZT4KPC9zdmc+)

Just include that Markdown image tag in your document instead of
the HTML svg element, and everything should work properly (with
the pandoc nightly).

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/m2zh45swys.fsf%40MacBook-Pro.hsd1.ca.comcast.net.