JavaScript的fillStyle是一個非常重要的屬性，它用于設置圖形的填充顏色。

要使用fillStyle屬性，你需要先創建一個畫布(canvas)和一個上下文(context)，如下所示：

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

接下來，你可以通過設置fillStyle屬性來定義填充顏色。fillStyle可以接受多種不同的值，例如顏色名、RGB值、十六進制等等。

例如，下面的代碼將設置矩形的填充顏色為紅色：

context.fillStyle = "red";
context.fillRect(10, 10, 50, 50);

你可以將fillStyle設置為任何有效的CSS顏色值，如"red"、"blue"、"green"、"yellow"等等。

除了設置單一顏色之外，還可以使用rgba()函數設置顏色。這個函數接受四個參數：紅、綠、藍、透明度。例如：

context.fillStyle = "rgba(255, 0, 0, 0.5)";
context.fillRect(10, 10, 50, 50);

這將創建一個半透明的紅色矩形。

你還可以使用十六進制顏色值來設置顏色。例如：

context.fillStyle = "#FF0000";
context.fillRect(10, 10, 50, 50);

這將創建一個純紅色的矩形。

最后，你還可以將fillStyle設置為漸變。漸變可以是線性或徑向的。例如：

var linearGradient = context.createLinearGradient(0, 0, 0, 150);
linearGradient.addColorStop(0, "red");
linearGradient.addColorStop(1, "blue");
context.fillStyle = linearGradient;
context.fillRect(10, 10, 50, 50);

這將創建一個從紅色到藍色的線性漸變矩形。

總而言之，fillStyle是JavaScript繪圖中一個非常重要的屬性，可以幫助你創建豐富的視覺效果。不管你是想創建單一顏色的圖形還是復雜的漸變效果，都可以使用fillStyle來實現。