标签文章

在使用 SVG 绘制线条时，通常会使用一个<path></path>元素，其中包含一个stroke。您设置一个与路径本身一样长的stroke-dasharray，以及一个延伸到整个描边路径的stroke-offset……

我发现，我 98% 的 SVG 使用来自预先创建的 SVG 文件或某个设计软件中的矢量艺术，我最终将其导出为 SVG。我很少手动操作 SVG 中事物的坐标……

有一件事一直让我感到惊讶（和悲伤），那就是clip-path 属性，尽管很棒，但只接受几个值。circle() 和 ellipse() 函数很好，但使用 border-radius 隐藏溢出和圆角通常……

CSS 中有一些可用的值允许绘制形状。例如，有一个circle() 函数，它是几个 CSS 属性的有效值。“绘制”可能不是正确的词，因为……

SVG 中的 元素是终极绘图元素。它可以绘制任何东西！我听说，在幕后，所有其他绘图元素最终都使用路径。路径元素采用一个属性来描述它绘制的内容：……

正在开发即将推出的设计工具 Figma 的团队演示了矢量路径制作将如何工作。想象一下 Adobe 软件中的钢笔工具，重新设计了。这种新方法看起来确实更直观，尤其是曲线可以轻松操作的方式……