李小斌96
李小斌96

SVG图像入门教程

转载自：www.ruanyifeng.com/blog/2018/08/svg.html

一、概述

svg是一种基于XML语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics）。其他图像格式都是基于像素处理的，SVG则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。
SVG图像入门教程_第1张图片
SVG文件可以直接插入网页，成为DOM的一部分，然后用JavaScript和CSS进行操作。


<html>
<head>head>
<body>
<svg id="mysvg" xmlns="http://www.w3.org/2000/svg" 
viewBox="0 0 800 600" preserverAspectRatio="xMidYMid meet">
<circle id="mycircle" cx="400" cy="300" r="50"/>
svg>
body>
html>

上面是SVG代码直接插入网页的例子。

SVG代码也可以写在一个独立文件中，然后用*、、、