2

rect または circle を使用している場合、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