在計算機圖形學中，矩形是一種由四條直線段組成的基本幾何形狀。矩形廣泛應用于各種應用程序中，從簡單的文本編輯器到復雜的 3D 設計軟件。

在 javascript 中，可以使用 FillSolidRect 函數繪制矩形。該函數接受四個參數：矩形的左上角坐標 (x, y)，矩形的寬度和高度?？梢允褂靡韵抡Z法繪制矩形：

context.FillSolidRect(x, y, width, height);

參數

• x - 矩形左上角的 x 坐標。
• y - 矩形左上角的 y 坐標。
• width - 矩形的寬度。
<.lineWidth = 5;context.FillSolidRect(10, 10, 100, 50);

旋轉矩形

FillSolidRect 函數還允許旋轉矩形?？梢允褂靡韵抡Z法旋轉矩形：

context.translate(x, y);context.rotate(angle);context.FillSolidRect(0, 0, width, height);

其中：
• x 和 y 是矩形中心點的坐標。
• angle 是要旋轉的弧度數。
• width 和 height 是矩形的寬度和高度。

示例

以下示例使用 FillSolidRect 函數繪制一個圍繞其中心旋轉 45 度的藍色矩形：

const canvas = document.getElementById("canvas");const context = canvas.getContext("2d");context.fillStyle = "blue";context.translate(100, 100);context.rotate(45  Math.PI /180);context.FillSolidRect(0, 0, 100, 50);

結論

FillSolidRect 函數是一種強大的工具，可用于繪制各種形狀和大小的矩形。了解該函數的參數和屬性，可以繪制出美觀且精確的矩形。

---

---

相關標簽： 使用、 函數的全面指南、 FillSolidRect、 繪制完美矩形圖案、 繪制完美矩形、

上一篇：FillSolidRect實踐指南創建清晰而精確的矩

下一篇：探索FillSolidRect函數的強大功能，輕松繪制