SVG绘制基础图形
# SVG 简介
SVG(即 Scable Vector Graphics,可缩放图形)是一种用于创建矢量图像的 XML 语言,可以用来定义用于网络的基于矢量的图形。此外SVG在放大活缩小改变尺寸的情况夏其图形质量不会有所损失,是w3c标准的矢量图形格式。尺寸更小,可压缩性更强
# SVG在前端的使用
SVG文件可以通过<embed />
、<object />
(需要指定type="image/svg+xml"
) 、<iframe />
以及<a>
等标签嵌入到页面,另外svg本质上也是一种图片格式,所以也可以通过<img>
的src属性引入。另外我们还可以直接在html文件中写svg代码,但是不推荐,因为这样会导致代码量过大,并且无法压缩。
编辑 (opens new window)
上次更新: 2024/05/24, 03:31:26