HTML canvas fillRect()的作用是什么
fillRect()
是HTML canvas元素的一个方法,用于在画布上绘制一个填充矩形。
它的作用是在指定位置绘制一个矩形,并填充该矩形的内容。可以使用该方法设置矩形的位置、大小和填充颜色。
下面是使用fillRect()
方法绘制一个红色填充矩形的示例:
html
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(0, 0, 200, 100);
</script>
</body>
</html>
在上面的示例中,我们首先获取了一个<canvas>
元素并通过getContext("2d")
方法获取了一个2D渲染上下文ctx
。
然后,我们设置了填充颜色为红色,并使用fillRect()
方法在画布上绘制了一个位于坐标(0, 0)、宽度为200像素、高度为
100像素的矩形,并将其填充为红色。
你可以根据需要调整参数来绘制不同大小和位置的矩形,并指定不同的填充颜色。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341