zoukankan      html  css  js  c++  java
  • svg嵌入到html中的几种方式

    最简单的方式好像就是用img,自己暂时不知道这种方式有什么缺陷,欢迎广大网友指正:

    <img src="ask.svg"/>`

    剩下几种方式主要是在各个博客网站之流学习的:

    使用<embed> 标签

    <embed> 标签被所有主流的浏览器支持,并允许使用脚本。

    注释:当在 HTML 页面中嵌入 SVG 时使用 <embed> 标签是 Adobe SVG Viewer 推荐的方法!然而,如果需要创建合法的 XHTML,就不能使用 <embed>。任何 HTML 规范中都没有 <embed> 标签。
    语法:

    <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 中工作)!
    语法:

    <object data="rect.svg" width="300" height="100" 
    type="image/svg+xml"
    codebase="http://www.adobe.com/svg/viewer/install/" />

    注释:codebase 属性指向下载插件的 URL。

    使用 <iframe> 标签

    <iframe> 标签可工作在大部分的浏览器中。
    语法:

    <iframe src="rect.svg" width="300" height="100">
    </iframe>
  • 相关阅读:
    iOS YSKit系列
    Xcode $(SRCROOT)和$(PROJECT_DIR)区别
    gcc -ldl 选项作用
    rpm 命令
    ls 命令详解
    Linux下用户组、文件权限详解
    服务不支持chkconfig的解决
    Linux 安装 MongoDB数据库
    CentOS 7 之前好好的,突然一天启动时黑屏,没有登陆界面了(配置 network-scripts 连网)
    vi 命令集
  • 原文地址:https://www.cnblogs.com/zjunet/p/4559890.html
Copyright © 2011-2022 走看看