HTML 页面中的 SVG
SVG 文件可通过以下标签嵌入 HTML 文档:< embed > 、< object > 或许 < iframe >。
三种把 SVG 文件嵌入 HTML 页面的差别要领。
运用 < embed > 标签
< embed > 标签被一切主流的浏览器支撑,并许可运用剧本。
解释:当在 HTML 页面中嵌入 SVG 时运用 < embed > 标签是 Adobe SVG Viewer 引荐的要领!但是,如果须要建立正当的 XHTML,就不能运用 < embed >。任何 HTML 范例中都没有 < embed > 标签。
语法:
< src=”rect.svg” width=”300″ height=”100″ type=”image/svg+xml” pluginspage=”http://www.adobe.com/svg/viewer/install/”>
解释:_pluginspage_ 属性指向下载插件的 URL。
运用 < object > 标签
< object > 标签是 HTML 4 的规范标签,被一切较新的浏览器支撑。它的瑕玷是不许可运用剧本。
解释:如果您安装了最新版本的 Adobe SVG Viewer,那末当运用 < object > 标签时 SVG 文件没法事情(最少不能在 IE 中事情)!
语法:
解释:codebase 属性指向下载插件的 URL。
运用 < iframe > 标签
< iframe > 标签可事情在大部分的浏览器中。
语法: