数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会研究
时尚研究
法律研究如何向网页添加可缩放矢量图形 (SVG)？
SVG 的全称是可缩放矢量图形，是一种使用 XML 描述 2D 图形和图形应用程序的语言，然后通过 SVG 查看器渲染 XML。大多数 Web 浏览器都可以显示 SVG，就像它们可以显示 PNG、GIF 和 JPG 一样。
注意：如果您已经有了 SVG 文件，那么可以使用 <img>、<object> 或 <embed> 标签添加它。
要向网页添加 SVG，请使用 <svg> 元素。通过这个，您可以轻松地将 SVG 嵌入 HTML5 中 −
您可以尝试运行以下代码，将可缩放矢量图形 (SVG) 添加到网页中
<!DOCTYPE html>
<html>
<head>
<style>
#svgelem {
position: relative;
left: 50%;
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
}
</style>
<title>HTML5 SVG</title>
</head>
<body>
<h2 align="center">HTML5 SVG Circle</h2>
<svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">
<circle id="bluecircle" cx="60" cy="60" r="50" fill="blue" />
</svg>
</body>
</html>
更新于：2020-06-26
176 次查看
广告