美文网首页SVG 基础
在HTML文档中使用SVG

在HTML文档中使用SVG

作者: oopsist | 来源:发表于2017-11-17 14:04 被阅读3次

和CSS差不多,SVG即可以嵌套在HTML文档中,也可以单独作为后缀.SVG的文件保存。

单独保存的SVG文件,可以使用下列任意一种来连入HTML文档

<embed src="file.svg" type="image/svg+xml" />
<object data="file.svg" type="image/svg+xml"></object>
<iframe src="file.svg"></iframe>

要注意的是,使用<object>标签导入的SVG文件不支持被脚本操作。

而包含在HTML文档中的SVG,直接书写在下面的标签中。

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
   
</svg>

相关文章

  • SVG 学习笔记

    SVG概述 SVG : 可缩放矢量图形,使用 XML 格式定义图像。 SVG in HTML 直接嵌入HTML文档...

  • 在HTML文档中使用SVG

    和CSS差不多,SVG即可以嵌套在HTML文档中,也可以单独作为后缀.SVG的文件保存。 单独保存的SVG文件,可...

  • svg

    SVG 在HTML页面 SVG 文件可通过以下标签嵌入 HTML 文档:、 或者 SVG的代码可以直接嵌入到HTM...

  • 2018-11-15

    svg SVG 在HTML页面中怎样使用? (1)使用 标签 : 优势:所有主要浏览器都支持,并允许使用脚本 ...

  • 动效解决方案 Lazy Line Painter.js

    一、使用 Lazy Line Painter 轻松创建 SVG 路径动效。你可以在AI中制作出SVG文档,上传到转...

  • SVG学习笔记

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

  • 用CSS给SVG <use>的内容添加样式

    SVG图形的一个最常见用例是图标系统,其中最常用的SVG sprite技术就是使用SVG 元素在文档中任意位置“...

  • Java 将PDF转换为PNG图片、HTML、SVG、XPS、W

    本文将介绍如何使用Java程序来将PDF文档转换为PNG图片、HTML、Word、SVG及XPS格式。 一、使用工...

  • 前端面试每日 3+1 —— 第413天

    今天的知识点 (2020.06.02) —— 第413天 (我也要出题) [html] html中如何使用svg?...

  • HTML基础

    HTML连接 通过使用< a>在HTML文档中定义链接。两种使用< a>标签的方式: 通过使用href,创建指向另...

网友评论

    本文标题:在HTML文档中使用SVG

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