Scaling graphics

[JSWolf]

Does anyone have or can point to ePub 2 code that will scale bitmap and SVG graphics when the font size is changed? Thanks.

[DaleDe]

Originally Posted by JSWolf

Does anyone have or can point to ePub 2 code that will scale bitmap and SVG graphics when the font size is changed? Thanks.

If the image is inline it will normally scale. This is the only case I know of.

Dale

[doubleshuffle]

I use em for height and width in graphics for initials. That makes them scale with the text.

<div class="lettrine">
    <svg xmlns="http://www.w3.org/2000/svg" height="8em" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 400 402" width="8em" xmlns:xlink="http://www.w3.org/1999/xlink"><image width="400" height="402" xlink:href="../Images/initial-d.png"/></svg>
  </div>

.lettrine {float: left;	margin: 1.1em 0.5em -0.1em 0;}

[Tex2002ans]

Originally Posted by JSWolf

Does anyone have or can point to ePub 2 code that will scale bitmap and SVG graphics when the font size is changed?

Way back in 2013, we discussed this when someone wanted to put the "Apple" symbol in their EPUB:

Apple symbol and other special characters in ePub

There are sample EPUBs with scaling images and SVGs with font size.

RbnJrg has also written quite a bit on SVGs with code examples. If you do a search for "RbnJrg SVG", you should be able to come across many of his examples (Dropcaps, Scaling Tables, Images with Captions, [...]).