08-24-2018, 07:58 AM | #1 |
Guru
Posts: 668
Karma: 929286
Join Date: Apr 2014
Device: PW-3, iPad, Android phone
|
SVG images
I want to place images between paragraphs in a chapter, at maximum size that fits on one page without distortion..
I've been using the Sigil plugin "InsertImageSVG" that makes a page showing an image like that. I use the plugin to make the code and then copy it to the text page. This works well for images in portrait mode--but if it's landscape, if I converted it to AZW, on Kindle it was in the middle of an otherwise blank page. But portrait images could have text on the page. However, it was fine in either case if I loaded the epub to iBooks, landscape images could have text on the page. The code for an image 1231 wide x 913 high: Code:
<div> <svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 400 296" xmlns:xlink="http://www.w3.org/1999/xlink"> <image width="400" height="296" xlink:href="../Images/A08.gif"/> </svg> </div> Code:
<div class="breakavoid"> <img class="wid100" alt="A08" src="../Images/A08.gif"/> </div> div.breakavoid {page-break-inside: avoid;} img.wid100 {width: 100%; margin: 0.5em 0;} But ideally I would like code that works for both landscape or portrait images; and if the reader, is in landscape or portrait mode, in epub or AZW. Is that possible? |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
SVG images - why? | odamizu | ePub | 24 | 03-02-2018 06:15 AM |
Scaling images with SVG wrapper | Pablo | ePub | 4 | 07-07-2015 01:44 PM |
SVG images not going into the e-book | bkleine | Conversion | 1 | 11-23-2014 09:01 PM |
Touch SVG Images Often Appear as Black Rectangles | MikeWV | Kobo Reader | 3 | 07-09-2014 01:13 PM |
can I use SVG images in mobi? | sarah_pnix | Kindle Formats | 4 | 01-07-2013 04:21 PM |