svg

作者: 大诗兄_zl | 来源:发表于2017-10-31 11:31 被阅读5次

 SVG 在HTML页面

SVG 文件可通过以下标签嵌入 HTML 文档:、 或者 

SVG的代码可以直接嵌入到HTML页面中,或您可以直接链接到SVG文件。

使用 标签

:

优势:所有主要浏览器都支持,并允许使用脚本

缺点:不推荐在HTML4和XHTML中使用(但在HTML5允许)

语法:

结果:

使用 标签

:

优势:所有主要浏览器都支持,并支持HTML4,XHTML和HTML5标准

缺点:不允许使用脚本。

语法:

结果:

使用 

优势:所有主要浏览器都支持,并允许使用脚本

缺点:不推荐在HTML4和XHTML中使用(但在HTML5允许)

语法:

结果:

直接在HTML嵌入SVG代码

在Firefox、Internet Explorer9、谷歌Chrome和Safari中,你可以直接在HTML嵌入SVG代码。

相关文章

  • Android图片之svg

    1.SVG是什么2.SVG优点3.SVG使用4.获取SVG5.封装使用6.SVG动画 1.SVG是什么? SVG(...

  • SVG的使用

    SVG图片 一. SVG介绍 1.1. SVG概念解析 SVG全称: Scalable Vector Graphi...

  • 资源

    SVG svg icon 对应git(node.js写的) svg animation study svg cs...

  • (第六天)HTML5之SVG的了解与使用&Web数据存储

    SVG 什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用...

  • svg standalone

    简单的 SVG 实例 一个简单的SVG图形例子: 这里是SVG文件(SVG文件的保存与SVG扩展): "http:...

  • SVG学习笔记

    SVG学习笔记 简介 SVG使用XML来描述二维图形和绘图程序的语言。 SVG形状 SVG在HTML页面 SVG ...

  • SVG

    Menu SVG 实例 SVG 形状 SVG 实例 SVG 的 用来创建一个圆。cx 和 cy ...

  • SVG简介及其用法

    一、SVG - 基础 1.什么是SVG 2.SVG的优势 3.SVG与canvas的区别 4.用途 5.svg再将...

  • svg实例

    一个简单的SVG图形例子: 这里是SVG文件(SVG文件的保存与SVG扩展): SVG 代码解析: 第一行包含了 ...

  • SVG用法

    常见引入svg的方法 .svg文件的常见结构: html页面中绘制svg的常见方法: 关于SVG的viewBox:...

网友评论

      本文标题:svg

      本文链接:https://www.haomeiwen.com/subject/ryxbpxtx.html