希尔伯特曲线是一种可用 SVG polyline 元素创建的空间填充曲线；使用基本形状，然后聚集起来。我通过 polyline 把基本设计形状分为4个部分，通过调整把他们连到一起。这将是我的主要构造结构。
原文：http://dev.opera.com/articles/view/drawing-hilbert-curves-with-svg/
希尔伯特曲线是一种可用 SVG polyline 元素创建的空间填充曲线；使用基本形状，然后聚集起来。
我通过 polyline 把基本设计形状分为4个部分，通过调整把他们连到一起。这将是我的主要构造结构。
把主要构造结构经过平移、旋转和缩放，可以构建更大的曲线。要想翻转结构，需要使用负的缩放值。使用3根线段可以把4个部分连接起来。
然后重复上述步骤，组成更大一级的结构。如果连接两个此结构，将得到封闭的曲线；此曲线可以像图像一样被复制并填充颜色。
使用路径
把 polyline 变为 SVG path 元素，并连接4条线段，就可以得到一个超路径(super path)。然后在其中加入 SVG 动画。
这是另一个动画路径的例子；我使用了两个 circle (其中干一个的速度是另一个的两倍)，其中一个为 png 图像，另一个为字符串。
下面是另一个动画文字路径。
(THE END)
如果你喜欢这篇文章，请阅读本文相关的下列内容：
