Unë thjesht dua të përdor rgba për të mbushur një objekt me gradient. Megjithatë asgjë nuk shfaqet në ekran, addcolorstop e thjeshtë funksionon, thjesht jo me rgba.
Kjo funksionon:
var ctx = this.context;
var fillColor = ctx.createRadialGradient(100, 100, 10, 100, 100, 70);
fillColor.addColorStop(0.2, "green");
ctx.fillStyle = fillColor;
ctx.beginPath();
ctx.arc(obj.x, obj.y, obj.r, 0, 2 * Math.PI, true);
ctx.closePath();
ctx.fill();
Kjo nuk:
var ctx = this.context;
var fillColor = ctx.createRadialGradient(100, 100, 10, 100, 100, 70);
grad.addColorStop(0.0, 'rgba(0,0,0,1)');
grad.addColorStop(0.5, 'rgba(0,0,0,0)');
grad.addColorStop(1.0, 'rgba(0,0,0,1)');
ctx.fillStyle = fillColor;
ctx.beginPath();
ctx.arc(obj.x, obj.y, obj.r, 0, 2 * Math.PI, true);
ctx.closePath();
ctx.fill();