如何在JavaScript画布中更改不透明度

Question

function Paint(){
var Size = document.getElementById('Size').value;
var Opacity = document.getElementById('opa').value;
var color = document.getElementById('color').value;
canvas = document.getElementById('PaintArea');
if(canvas.getContext){
    var ctx = canvas.getContext('2d');

    ctx.fillStyle = color;
    ctx.beginPath();
    ctx.arc(musX-10, musY-10, Size, 0, Math.PI*2); 
    ctx.closePath();
    ctx.fill();
}
}

如您所见，我在HTML中通过用户输入获得了fillStyle，但是如何在其中获得不透明度？

Answer 1

试试这个：[ 更新 ]

ctx.globalAlpha = Opacity;

或者只是设置值：

ctx.globalAlpha = 0.2;

Answer 2

请使用带有颜色的fillstyle：

ctx.fillStyle = "rgba(255, 255, 255, 0.5)";

对于图片，请使用：

context.globalAlpha = 0.5;

这是完整的链接：

http://www.w3schools.com/tags/canvas_globalalpha.asp