如何在HTML或JavaScript中繪製漸變背景？

有沒有簡單的方法來繪製像這裏所描繪的漸變？或者最好是創建一個圖像？如何在HTML或JavaScript中繪製漸變背景？

enter image description here

我希望它是一個正方形或長方形，如右圖所示。

我想創建多個類似於此的漸變背景，但在每個中使用不同的顏色。

此外，我發現this website，這真的很有幫助，但不是我正在尋找的控件。我想要一個徑向類型的漸變，再次如圖所示。

對此提出建議？

2012-08-17 thephatp

[本網站]（http://www.colorzilla.com/gradient-editor/）包含徑向漸變。 – 2012-08-17 02:25:35

@PeterOlson，這幾乎就是我正在尋找的東西。有沒有辦法讓它從一個角落開始放射狀漸變？如果是這樣，我沒有看到它。 – thephatp 2012-08-17 02:47:04

沒關係，我可以手動修改它。 @PeterOlson你可以將其作爲回答發佈，以便我可以回答這個問題嗎？ – thephatp 2012-08-17 03:28:17

This site生成CSS漸變，包括徑向漸變。

2012-08-17 15:33:00

對於其他想要移動圓圈中心的人，請將「50％50％」替換爲「左上角」等。 – thephatp 2012-08-17 22:58:41

回答