SVG 格式是一种可伸缩矢量图形格式,它可以让图形在各种分辨率下保持清晰锐利。相比于传统的 PNG、GIF 或 JPG 格式,SVG 更具有灵活性和多功能性,因为它是可读、易于理解和可修改的。当作为内联 SVG 嵌入 HTML 文档时,可以通过 CSS 或 JavaScript 操作 SVG 代码。这使得 SVG 格式在插图和图表、logo 和图标、动画、交互性、特殊效果以及构建接口和应用程序方面具有广泛的应用。
之前多次提到的即时设计设计工具是一款全新的设计协作工具,它能够与以前的工作无缝衔接,并支持SVG、Sketch、XD等文件的导入和导出。这款工具非常实用,可供你进行UI创作练习。
在 SVG 中,一个基本的 <rect> 标签由四个基本属性定义:矩形的起点坐标 x 和 y 以及矩形的 width 和 height。当 < rect > 的 width 和 height 值相等时,将会绘制一个正方形。使用 SVG 制作的图形可以与 CSS 动画以及 JavaScript 及其内置的 SMIL 动画功能进行交互。