文章标签

SVG

6 个常见的 SVG 错误（以及如何修复它们）

有人最近问我如何调试内联 SVG。因为它属于 DOM 的一部分，我们可以在任何浏览器 DevTools 中检查任何内联 SVG。正因为如此，我们有能力进行范围界定并……

Mariana Beldi 于 2023 年 1 月 17 日

SVG 是网站上图标的最佳格式，毫无疑问。它允许您无论屏幕像素密度如何都能获得清晰的图标，您可以在悬停时更改 SVG 的样式……

Louis Hoebregts 于 2022 年 9 月 28 日

假设您在 SVG 中有一条线

<svg<line x1="0" y1="30" x2="500" y2="30" stroke-color="#f8a100" /</svg

您可以在 CSS 中使用 stroke-dasharray 属性来制作虚线

line {
  stroke-dasharray: 5;
}

该 5 值是基于……的相对单位

Geoff Graham 于 2022 年 7 月 15 日

因此，SVG 有这个 stroke-miterlimit 表现属性。您可能在从图形编辑器程序导出 SVG 时见过它，或者您可能发现可以删除它，而不会注意到视觉外观有任何变化。

经过一段……

Mariana Beldi 于 2022 年 5 月 24 日

我最近在我的 #PetitePatterns 系列中创建了一个砖墙图案，这是一个挑战，我将在 560 字节（或大约两条推文的尺寸）内用 SVG 创建看起来很自然的图案或纹理。为了满足这一限制，我……

Bence Szabó 于 2022 年 3 月 18 日

假设您有一个位图图形 - 比如 JPG、PNG 或 GIF - 并且您希望它是矢量图，比如 SVG。你会怎么做？您可以在某种设计软件中自己跟踪它。或者在……中的工具

Chris Coyier 于 2022 年 2 月 9 日

SVG 是一种很棒的图像格式，因此能够在 WordPress 中使用它很棒。如果您想在 WordPress 中使用 SVG，我们将在这里为您提供所有最佳选项。

Chris Coyier 于 2022 年 1 月 21 日

SVG 的 <path> 语法是一头野兽。有各种各样的命令组成了一种迷你语言，它本身非常强大 - 强大到可以绘制任何东西。不过不要太害怕，因为一些……

Chris Coyier 于 2021 年 12 月 8 日

一些 ⭐️⭐️⭐️⭐️⭐️ 星级评分系统并不总是完全均匀的星星。假设您想支持对某物进行 2.25 星的评分。为此，您可以部分“填充”星星的形状。我喜欢 Samuel Kraft 的这个想法。棘手的……

Chris Coyier 于 2021 年 12 月 2 日