html - 使用 HTML 画布动态绘制和绘制 Square

Question

我需要使用 html canvas 绘制下面给出的图表。谁能帮助我。

score 0 · Accepted Answer

首先访问画布：

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()

1 回答 1