网页设计元素之一——图案,通常是使用图片创建的。虽然一些图案可以使用CSS创建,但大多数还是涉及某种形式的图片。幸运的是SVG可以很容易创建简单和更复杂的图案,还可以缩放,而且需要很少的http
请求。上一篇文章中我们大概看了SVG<pattern>
元素的基本内容和属性。通过一个示例展示了如何创建简单的图案。以及简单地介绍了几个<pattern>
元素的属性。今天我们继续讨论几个pattern
属性,其中一个可以通过引用另一个图案,xlink:href
,帮我们创建更复杂的图案。首先快速回顾一下我上次讲过的内容。