HTML5中的canvas元素是一種非常強大的工具，它可以讓我們在頁面上繪制各種圖形，并且能夠制作出一些非常棒的效果。當然，canvas元素也有著很多的屬性和方法，讓我們能夠對它進行各種操作。今天，我們要介紹的就是canvas怎樣設置它的著色。

在canvas中，我們可以使用fillStyle屬性來設置我們所要使用的顏色。fillStyle屬性可以設置的顏色有以下幾種：

#RRGGBB

rgb(r, g, b)

rgba(r, g, b, a)

其中，#RRGGBB表示的是十六進制的顏色代碼；rgb(r, g, b)表示的是三個數字分別代表紅、綠、藍三原色的數值，從0到255；rgba(r, g, b, a)表示的是四個數字，其中a表示透明度，從0到1。

在設置完fillStyle屬性之后，我們還可以使用更加復雜的顏色來進行繪制。比如，我們可以使用漸變來進行填充。使用canvas中的createLinearGradient方法可以創建一個線性漸變對象，它可以在兩個點之間漸變。使用createRadialGradient方法可以創建一個徑向漸變對象，它可以從一個圓心向外輻射漸變。

var gradient = context.createLinearGradient(xStart, yStart, xEnd, yEnd);

var gradient = context.createRadialGradient(x1, y1, r1, x2, y2, r2);

另外，我們還可以使用圖片來進行填充。使用canvas中的createPattern方法可以把一個圖片轉化為一個圖案對象，我們可以利用這個對象來進行填充。

var pattern = context.createPattern(image, repeat);

在使用圖片時，repeat可以設置為"repeat"、"repeat-x"、"repeat-y"或"no-repeat"，分別表示平鋪，橫向平鋪，縱向平鋪和不平鋪。

總之，使用著色是繪制canvas圖形時一個非常重要的環節，它可以讓我們的圖形變得更加生動、美觀，同時也增強了我們繪圖的能力。