Hello World

<svg viewBox="0 0 400 100" width="400">

<pattern width=".5" h......

原文：

作者： Lucas Bebber

一段时间前，Chris写了篇文章，效果很酷，使用的技术也很巧妙，但是这种使用CSS滤镜的方法有几个缺点：不支持透明，不能添加内容，很难适用于黑白......

原文：

创建svg circle

我们从创建一个圆形开始

<svg viewBox="0 0 100 100" xmlns="http://www......

原文：

作者：

本文是对SVG图形变换的两种实现方法的探索和对比。

我们将使用下面两个图形，并实现它们之间的平滑转换。

图形的代码：

<svg id=&qu......

原文：

作者：

大致思路是用SVG做背景，SVG text做裁切路径。使用SVG而不是用CSS裁剪图像，是因为要实现背景动画的话CSS就需要一个gif的动态图片。

首先需要创建......

See the Pen by NINE () on .

图标是在阿里的iconfont里面随便翻的，下载的svg格式，描边动画需要有stroke

SVG的stroke属性

st......

stroke属性

stroke 定义描边颜色

stroke="#0078ff"

strokeWidth 定义描边的宽度

strokeWidth="3"

创建虚线时候用到......