2

我有一个 HTML5 页面，它通过以下方式调用 SVG 文件object：

<object data="cape.svg" type="image/svg+xml" style="max-width:100%;height:auto;">
</object>

SVG 文件内部是一个基本图像和一些 JavaScript：

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"     
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"   
 xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1200 450"   
 xml:space="preserve">
 <script>
 alert("Test");
 </script>
 <image overflow="visible" width="1200" height="450" xlink:href="cape-reinga.jpg">
 </image>
 </svg>

在包括 Safari 在内的桌面浏览器上，SVG 文件中的 JavaScript 按预期工作。在移动设备上，JS 似乎完全被忽略了。（将 JS 代码包装进去CDATA没有区别，添加type="text/javascript"没有区别）。

内联 SVG 可能不是我计划的一个选项：知道为什么object在 iOS 中嵌入 JS 代码会很麻烦吗？

提前致谢！

4

0 回答 0