在HTML畫布上繪制不透明度徑向漸變並將其用作背景

Question

我正在尋找一種方法來使畫布對象看起來像這樣： http ： //www.onetuts.com/attachments/2010/05/07/1_201005072156152XYem.jpg

漸變應該從rgba（0,0,0,0.8）到rgba（0,0,0,0.2），但我沒有得到1280x720px的畫布。

Answer 1

示例圖像中的漸變是不同的 - 從0x828282到0x0a0a0a 。 看一下這個：

 var c = document.getElementById("myCanvas"); var cxt = c.getContext("2d"); var grd = cxt.createRadialGradient(150, 150, 0, 150, 150, 150); grd.addColorStop(0, "#828282"); grd.addColorStop(1, "#0a0a0a"); cxt.fillStyle = grd; cxt.fillRect(0, 0, 300, 300); 

 <canvas id="myCanvas" width="300" height="300"></canvas>