HTML Canvas - 矩形

矩形是一个简单的 2D 形状，由4条边、角和直角组成。矩形的对边长度相同，其中一对比另一对长。

接口CanvasRenderringContext2D提供属性和方法来渲染 2D 图形，例如将矩形渲染到 Canvas 元素的绘图表面上。它可以用于绘制形状以及在<canvas>元素上设置它们的样式。

属性

下表列出了在 Canvas 元素内部绘制矩形可用的属性。

序号	属性和描述
1	fillStyle 此属性可用于填充绘制到画布上的形状，并指定使用的颜色、渐变或图案。此属性的输入是所有颜色值。
2	strokeStyle 此属性将颜色、渐变或图案应用于 Canvas 元素内部的描边形状。

以下是 HTML Canvas 上绘制各种形状可用的各种方法：

序号	方法和描述
1	clearRect() 此方法通过参数擦除给定矩形区域中的所有像素。
2	fillRect() 此方法在 Canvas 元素内部绘制具有给定尺寸的填充矩形。
3	getContextAttributes() 此方法创建一个包含可用画布的上下文参数的对象。要获取和显示此数据，我们使用控制台或窗口警报。
4	rect() 构造方法rect()用于将矩形添加到当前路径。
5	strokeRect() 此方法在 Canvas 元素内部绘制具有给定尺寸的描边矩形。

打印页面