Question

我需要使用html canvas绘制下面给出的图表。任何人都可以帮助我。

Answer 1

首先访问画布：

var can=document.getElementById('canvas1')

现在您需要一个上下文来执行绘图功能：

var pen=can.getContext('2d')

要画线，请执行以下操作：

pen.beginPath()
pen.moveTo(0,0)
pen.lineTo(50,50)
pen.closePath()
pen.strokeStyle=rgb(255,0,0)
pen.stroke()

要填充路径（如三角形），请执行以下操作：

pen.beginPath()
pen.moveTo(0,0)
pen.lineTo(50,50)
pen.lineTo(0,50)
pen.closePath()
pen.fillStyle=rgb(255,0,0)
pen.fill()