第16天:如何用SVG画一只熊

313 阅读1分钟

作为终极绘画挑战,让我们画一只熊。

我们从耳朵开始。这两个圆都设置了 fill 和 stroke 属性。我们还在SVG元素上定义了一个类来设置背景颜色。注意,这里我们设置了常规的 background-color CSS属性,而不是 fill 属性。Fill适用于形状,但SVG元素本身不是形状。

那我们就加上脸和眼睛。还有一件事,我们以前没讲过。前面可以看到使用 rx 属性来设置圆角矩形。我们可以使用 ry 属性在Y轴上设置不同的半径

最后,我们可以添加鼻子和嘴。

一旦我们把它们放在一起: