Formatting SVG picture

phossler · 02-06-2017, 12:11 AM

I generated a SVG file to test using SVGs to format some math formulas (http://www.codecogs.com/latex/eqneditor.php)

Works OK and the 'text' looks nice

I can't figure out how to adjust the size and remove all the space before and after

Changing the width and height from the default 100% to 40% or less seems to adjust the size, but I haven't been able to remove the space before and after

Any ideas?

Thanks

kovidgoyal · 02-06-2017, 12:22 AM

Why are you embedding an svg inside another svg? Either emebed the svg directly or use an <img> tag to do it. That will probably give you more control.

<img src="Int_Sin_x.svg"/>

phossler · 02-06-2017, 08:46 AM

When I used the [Insert Image] icon on the editor toolbar, I got

Code:

<div style="page-break-before:always; page-break-after:always; page-break-inside:avoid">
<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 1200 1600" 
 preserveAspectRatio="xMidYMid meet">
<image width="1200" height="1600" xlink:href="Int_Sin_x.svg"/>
</svg>
</div>

so I thought that was the way to do it

All I did was remove the <div style ...> tags and change the width/height percent

I'll try directly embedding it

kovidgoyal · 02-06-2017, 08:55 AM

The SVG code is used for embedding only if you have the "Full page image" checked at the bottom of the insert image dialog. Otherwise it uses an <img> tag

phossler · 02-06-2017, 10:03 AM

Color me embarrassed

Right in front of me

Thanks

02-06-2017, 08:46 AM	#3
phossler Wizard Posts: 1,087 Karma: 447222 Join Date: Jan 2009 Location: Valley Forge, PA, USA Device: Kindle Paperwhite	When I used the [Insert Image] icon on the editor toolbar, I got Code: <div style="page-break-before:always; page-break-after:always; page-break-inside:avoid"> <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 1200 1600" preserveAspectRatio="xMidYMid meet"> <image width="1200" height="1600" xlink:href="Int_Sin_x.svg"/> </svg> </div> so I thought that was the way to do it All I did was remove the <div style ...> tags and change the width/height percent I'll try directly embedding it Attached Thumbnails

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Picture formatting in Sigil	rosshalde	Sigil	3	10-27-2014 05:29 PM
[KOBO] Strip existing formatting to apply my own default formatting to all books	digital_steve	Calibre	2	08-10-2010 06:34 PM
Calibre and FORMATTING how to stop it altering my formatting?	nerys	Calibre	0	02-28-2010 04:51 PM
Classic Comic/Manga/Picture Book etc. Formatting	TogTogTogTog	Barnes & Noble NOOK	0	02-20-2010 03:38 AM

02-06-2017, 12:22 AM	#2
kovidgoyal creator of calibre Posts: 45,345 Karma: 27182818 Join Date: Oct 2006 Location: Mumbai, India Device: Various	Why are you embedding an svg inside another svg? Either emebed the svg directly or use an <img> tag to do it. That will probably give you more control. <img src="Int_Sin_x.svg"/>

02-06-2017, 08:55 AM	#4
kovidgoyal creator of calibre Posts: 45,345 Karma: 27182818 Join Date: Oct 2006 Location: Mumbai, India Device: Various	The SVG code is used for embedding only if you have the "Full page image" checked at the bottom of the insert image dialog. Otherwise it uses an <img> tag

02-06-2017, 10:03 AM	#5
phossler Wizard Posts: 1,087 Karma: 447222 Join Date: Jan 2009 Location: Valley Forge, PA, USA Device: Kindle Paperwhite	Color me embarrassed Right in front of me Thanks

Advert

Advert