使用 Android 浏览器从 HTML 渲染 SVG

【问题标题】：Rendering SVGs from HTML with Android browser使用 Android 浏览器从 HTML 渲染 SVG
【发布时间】：2012-07-16 21:18:33
【问题描述】：

我一直在寻找并没有真正找到渲染 SVG 的好解决方案。具体来说，我正在尝试在不使用库的情况下在 Android 浏览器中呈现 SVG（即仅使用 <object type="image/svg+xml" data="images/logo.svg"></object> 或类似的东西）

这是否适用于所有浏览器（iOS Safari、Android、WP7）？在这一点上，我特别指的是移动浏览器。

【问题讨论】：

【解决方案1】：

改用这个。它适用于所有浏览器。

<iframe id="logo" src="images/logo.svg" type="image/svg+xml" frameborder="0" onload="Init()" />;

它将允许您从 html 页面访问 javascript 函数或 logo.svg 的 DOM 元素。

logo = document.getElementById("chart");
logo.contentWindow.RenderChart(chart1Data, r); //javascript function in logo.svg

这适用于所有浏览器。

【讨论】：