HTML5線性漸變是一種可用于網頁設計的漸變效果。通俗地說，它是由一種顏色漸變到另一種顏色的過程，而由于它是線性的，因此顏色會沿著一條線性方向發生變化。這種漸變效果可以為用戶帶來更美觀的視覺體驗，更好地展現網頁設計的多樣性。

<canvas id="grad" width="400" height="400"></canvas>

以上是設置HTML5線性漸變的示例代碼。我們通過canvas元素來創建畫布，并通過getContext('2d')方法獲取2D繪圖上下文。接下來，我們使用createLinearGradient()方法創建一個線性漸變對象，通過指定漸變的起點（x0，y0）和終點（x1，y1）來控制漸變方向。這里我們定義了一個水平方向的漸變效果，起點坐標為（0,0），終點坐標為（400,0）。如果想要垂直方向的漸變效果，只需將起點和終點坐標的第二個參數改為400即可。

接著，我們通過addColorStop()方法添加漸變顏色，通過傳入兩個參數來確定每個漸變色的位置和顏色值。在這個例子中，我們設置了兩個漸變色，第一個漸變色出現在漸變起點，顏色為紅色，位置為0；第二個漸變色出現在漸變終點，顏色為白色，位置為1。

最后，我們通過fillStyle屬性和fillRect()方法將漸變顏色填充到畫布中，實現了HTML5線性漸變的效果。當然，在實際應用中，我們可以根據需要設置不同的漸變方向、多個漸變色等等。讓我們一起來探索吧！