使用svg画一个三角形

手写SVG：

<svg viewBox="0 0 100 100"><path fill="red" d="M0,100 H100 L50,0 Z" /></svg>

效果

说明

• svg

  定义svg元素

• viewBox

  定义svg的画布大小，

  0 0 100 100

  指的是x、y偏移为

  0

  ，宽高为

  100

  (相对单位)

• <path />

  定义一个路径元素

• fill="..."

  定义路径的填充颜色

• d="..."

  定义各个顶点的位置

• M0,100

  移动到点

  0,100

  ，开始新路径绘制

• H100

  水平绘制直线至

  100

  ，该操作等同于

  L100,100

• L50,0

  绘制直线至点

  50,0

• Z

  闭合子路径