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

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

2 个答案: