如何使用SVG制作一个引人注目的三角形形状？

3 min read

好的，以下是画三角形的代码：

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <polygon points="50 0 0 100 100 100" />
</svg>

解释一下：

  • viewBox 属性指定了图形的视口大小，这里为 100x100；
  • xmlns 属性指定了 SVG 命名空间；
  • polygon 元素是用于绘制多边形的元素，它的 points 属性指定了三角形的三个顶点的坐标，这里分别为 (50, 0)、 (0, 100) 和 (100, 100)。

效果如下：