javascript - 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>