转载至微信公众号：方凳雅集 背景 随着发展，活动会场页面的题图运营需要线上模板化，而自研的导购素材制作平台接入了海棠-创意中心，通过平台能力，将素材模板化，并且通过配置化的方式生成多种场景化，个性化的素材。但是创意中心的素材模板是基于SVG的，而会场页面的题图基…

SVG 格式是一种可伸缩矢量图形格式，它可以让图形在各种分辨率下保持清晰锐利。相比于传统的 PNG、GIF 或 JPG 格式，SVG 更具有灵活性和多功能性，因为它是可读、易于理解和可修改的。当作为内联 SVG 嵌入 HTML 文档时，可以通过 CSS…

以此前对svg的了解，就是通过rect／circle／line……等绘制规则图形，或者利用path路径来绘制更复杂的图形。但是这种绘制是，当我们写好svg的xml文件嵌入html代码，页面载入的时候，图形是已经绘制完成…

SVG，全称为可缩放矢量图形（Scalable Vector Graphics），是一种基于XML的矢量图形格式。由于其支持任意缩放而不会失真，SVG在网页设计和图标制作等领域有着广泛的应用。然而，在某些情况下，我们可能…

SVG格式图片 可缩放矢量图形（Scalable Vector Graphics，SVG）基于 XML 标记语言，用于描述二维的矢量图形。 作为一个基于文本的开放网络标准，SVG 能够优雅而简洁地渲染不同大小的图形，并和 CSS、DOM、Java…

上一篇文章中，我们一起研究了手动优化SVG文件的方法。然而大部分的前端设计者和开发者都是通过矢量图软件（如Adobe Illustrator）来制作制作和导出它们的SVG文件的。 在这篇文章中，我们将讲解如何设置和使用Adobe Illustrator来快速…

1. Inkscape 特点： 免费开源，跨平台支持（Windows、macOS、Linux）。提供丰富的绘图工具和效果，如绘制形状、路径编辑、文字处理、渐变填充等。支持导入和导出多种文件格式，包括SVG、PNG、PDF等。 用法&…

SVG（Scalable Vector Graphics，可缩放矢量图形）是一种基于XML语法的矢量图像格式，能够在不损失质量的情况下任意缩放，适合用于网页设计、图标、图表和其他需要高质量、高清晰度图像的应用场景。制作SVG图片的方法有多种…