我正在生成一个 SVG 文件,应该在 iPhone 上查看。由于 iOS4 不正确支持 <SVG> 标签,我将整个 SVG 代码编码为 base64,并将其用作 <IMG> 标签的数据 URI。
在大多数情况下,这可以正常工作。
但是,在其中一个 SVG 中,我有一个图像模式:
<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 上,它可以正常工作。
为什么会这样?我该如何纠正?