HTML5 Canvas 绘制彩色矩形代码

HTML5 Canvas 提供了一种在网页上绘制图形的强大方式，其中绘制矩形是非常基础和常见的一个操作。下面，我将详细讲解如何使用 HTML5 Canvas API 来绘制一个彩色矩形。
基本概念
在 Canvas 中，绘制矩形可以通过
getContext(‘2d’)
方法获取的 2D 绘图上下文来实现。以下是一些关键的方法和属性：
fillRect(x, y, width, height)
：绘制一个填充的矩形。
strokeRect(x, y, width, height)
：绘制一个矩形的边框。
fillStyle
：设置图形的填充颜色。
strokeStyle
：设置图形的边框颜色。
HTML 结构
首先，我们需要在 HTML 文档中创建一个 Canvas 元素。












CSS 样式
你可以为 Canvas 添加一些 CSS 样式来美化页面。
#myCanvas {
border: 1px solid black;
}
JavaScript 代码
在