SVG的定义
·SVG指可伸缩矢量图形(Scalable Vector Graphics)
·SVG用于定义用来网络的基于矢量的图形
·SVG使用XML格式定义图形
·SVG图像在放大或改变尺寸的情况下其图形质量不会有损失
·SVG是万维网联盟的标准
SVG的优势
·SVG图像可通过文本编辑器来创建和修改
·SVG图像可被搜索、索引、脚本化或压缩
·SVG是可伸缩的
·SVG图像可在任何的分辨率下被高质量的打印
·SVG可在图像质量不下降的情况下放大
把SVG直接嵌入 HTML 页面
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>自选教程(如约智惠.com)</title>
</head>
<body >
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
<polygon points="100,10 40,180 190,60 10,60 160,180"
style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"/>
</svg>
</body>
</html>
参考:
https://www.yuque.com/docs/share/a86ac77d-decb-4ae7-93f5-6b783fd608e5