Question

尝试使用SVG创建一个2线图，不确定它是否是最好的方法

http://www.w3schools.com/svg/tryit.asp?filename=trysvg_line

Answer 1

看起来你需要一些可以用路径做的三角形。 M是移动，L是行。填充路径会产生三角形。

<!DOCTYPE html>
<html>
<body>

<svg height="210" width="500">
  <path d="M0,0 L200,200,0,200" fill="black"/>
  <path d="M0,0 L200,200,200,0" fill="red"/>
  Sorry, your browser does not support inline SVG.
</svg>

</body>
</html>

如何制作对角线并用颜色填充顶部和底部？

1 个答案: