第4天:如何用SVG构建房屋 fengjutian 2024-03-18 168 阅读1分钟 在这个例子中，我们结合了到目前为止学到的所有知识。我们在这里使用圆形、矩形、直线、折线和多边形。 我们从房屋正面开始。注意，我们不仅在wall元素上有一个类，而且在SVG上也有一个类。 然后我们在上面加一个屋顶。我们使用 polyline 。折线和多边形的区别在于多边形总是关闭自己，而折线将保持打开状态。注意，我们再次使用 stroke-linecap 属性，就像我们在姜饼图示例中所做的那样。 然后我们继续为门、窗户和楼梯添加简单的元素。最终代码如下:
