三次贝塞尔曲线与 SVG 路径

For those who don’t know about SVGs, they use XML markup to describe a vector image. Unlike traditional images, vector graphics are lossless which means that they can be scaled to any size and always have crisp edges.

对于那些不了解SVGs的人，它们使用XML标记来描述矢量图像。与传统图像不同，矢量图形是无损的，这意味着它们可以缩放到任何大小，并且始终具有清晰的边缘。

One great use case of vector images is in web development since they can be embedded into a webpage using the

矢量图像的一个极佳用例是在网页开发中，因为它们可以使用

One of the easiest ways to create an svg image is to use a vector graphics editor such as Adobe Illustrator or Inkscape. While these editors do a great job of creating a vector graphic for you, their output can be a bit bulky and often has far more data in the svg tag than is really required (although the newest release of Illustrator has improved this quite considerably).

创建svg图像最简单的方法之一是使用矢量图形编辑器，如Adobe Illustrator或Inkscape。虽然这些编辑器能很好地为您创建矢量图形，但它们的输出可能有些臃肿，并且svg标签中通常包含比实际需要多得多的数据（尽管最新版本的Illustrator在这方面有了相当大的改进）。