HTML canvas fillRect()的作用是什么

928
2023/9/27 14:46:05
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

`fillRect()`是HTML canvas元素的一个方法,用于在画布上绘制一个填充矩形。

它的作用是在指定位置绘制一个矩形,并填充该矩形的内容。可以使用该方法设置矩形的位置、大小和填充颜色。

下面是使用`fillRect()`方法绘制一个红色填充矩形的示例:

```html

```

在上面的示例中,我们首先获取了一个``元素并通过`getContext("2d")`方法获取了一个2D渲染上下文`ctx`。

然后,我们设置了填充颜色为红色,并使用`fillRect()`方法在画布上绘制了一个位于坐标(0, 0)、宽度为200像素、高度为

100像素的矩形,并将其填充为红色。

你可以根据需要调整参数来绘制不同大小和位置的矩形,并指定不同的填充颜色。

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: HTML的cloneNode()方法怎么用