iPhoneで表示するSVGファイルを生成しています。iOS4は<SVG>タグを適切にサポートしていないため、SVGコード全体をbase64にエンコードし、それを<IMG>タグのデータURIとして使用します。
ほとんどの場合、これは正しく機能します。
ただし、SVGの1つに、画像パターンがあります。
<pattern id="noise" height="20" width="135" patternTransform="translate(0, 0) scale(1, 1) rotate(0)" patternUnits="userSpaceOnUse">
<image x="0" y="0" opacity="1" height="20" width="135" xlink:href=(image uri) />
</pattern>
それを含むSVGコードが変換され、iOS4で画像として表示される場合、画像はリンク切れがあるかのように扱われます。ただし、iOS5では正しく機能します。
なぜこれが起こるのですか？これを修正するにはどうすればよいですか？