2

使用矩形或圆形时，无法在 iBooks for iPad（epub3.0 固定布局）中缩放 SVG 图像：

<svg version="1.1" viewBox="0 0 2048 2048" preserveAspectRatio="xMidYMid meet">
 <g id="viewport" transform="translate(200,200)">
 <g style="fill: #ffffff; stroke:#000000">
 <rect width="2048" height="2048" style="fill:green; stroke:black" />
 <circle  cx="1024" cy="1024" r="1024" style="fill:black; stroke:black" />
 <!--path d="M 0 0 H 2048 V 2048 H 0 Z"/-->
 </g>
 </g>
</svg>

使用路径时图像可缩放：

<svg version="1.1" viewBox="0 0 2048 2048" preserveAspectRatio="xMidYMid meet">
<g id="viewport" transform="translate(200,200)">
<g style="fill: #ffffff; stroke:#000000">
<!--rect width="2048" height="2048" style="fill:green; stroke:black" /-->
<!--circle  cx="1024" cy="1024" r="1024" style="fill:black; stroke:black" /-->
<path d="M 0 0 H 2048 V 2048 H 0 Z"/>
</g>
</g>
</svg>

任何想法？

谢谢

4

1 回答 1

1

好吧，我没有解决方案，但我有类似/相同的行为。

  • 我在 ePub3.0 中有四个 SVG 图像，它们通过了所有 ePubcheck，使用 iBooks 在 Mac 上正常加载，使用 iTunes 与 iPad 同步，并在 iPad 上正常显示
  • 其中三个 SVG 图像在 Mac 和 iPad 上也可以很好地缩放（单击图像进行缩放）
  • 其中一张 SVG 图像在 Mac 上爆炸了。您只能看到它的左下部分。
  • 同样的问题 SVG 图像在 iPad 上根本无法缩放。iPad 直接跳到下一页
  • 问题 SVG 图像没有任何矩形或圆形元素。都是路径。但是，它更复杂，特别是因为我将所有文本都变成了路径来回避 !@$$ 字体问题。
  • 所有四张图像都在 Inkscape 中绘制，保存为“Plain SVG”，然后使用文本编辑器进行编辑，以删除 ePub/Kindle 似乎不喜欢的元数据元素。

和你一样，我在挠头。我即将认输，简单地将所有内容渲染为大 PNG。

于 2015-05-13T20:25:05.633 回答