文章标签

为 SVG 动画选择方式有很多，例如直接在 SVG 代码中使用 `<animate></animate>` 标签，或者使用一些库来帮助实现动画，例如 Snap.svg 或 SVG.js。我们来看另一种方法：使用…

我和 Jamie Ashbrook 以及 Ben Briggs 讨论了 SVG 和工具等等。…

以下内容是来自 Ian Marquette 的客座文章。Ian 了解到 SVG 可以包含 `<text></text>` 元素，这意味着文本可以来自动态来源，同时仍然可以对其进行酷炫的自定义 SVG 特定操作。…

我一直是图标字体的坚定支持者。许多网站确实需要一个图标系统，而图标字体提供了一个非常棒的系统。但是，我认为**假设你对 IE 9+ 的支持没有问题**，可以使用内联 SVG 和…

我敢打赌，你们中很多人一定见过这种小技巧，其中 SVG 路径被动画化，看起来像是它在自行绘制。非常酷。Jake Archibald 开创了这种技术，并拥有 一篇非常棒的交互式博客文章，介绍了…

浏览器对 SVG 的支持并不像简单的“是”或“否”那样简单。除了这种支持在实施方式上的一些怪癖之外，它还取决于 SVG 的使用方式。一种常见的方式是直接在…

Mike Fortress 以一个关于 Sprout 上图表特定示例的方式解释了使用 `<svg>` 的动画。

有趣的是，SVG 拥有所有这些很棒的功能，例如渐变、滤镜和动画，这些功能我们也在 CSS 中拥有，但语法却大不相同。…

SVG 的一个优秀功能是，你可以定义一次形状（或一组形状），然后在整个页面中多次使用它。你甚至可以对不同版本的形状应用不同的填充和滤镜等等。…

Vox Media 团队撰写的一篇不错的文章，详细介绍了他们 史诗般的 PS4 评测 中的线动画是如何工作的。不过，没有为 Jake 署名有点奇怪。…