如何使画布背景透明

时间:2014-08-13 02:28:25

标签: javascript html canvas

我正在玩一支笔,我似乎无法弄清楚如何使画布的背景透明。

我正在尝试将背景从黑色更改为透明:

http://codepen.io/netzzwerg/pen/gzuIb

我认为它在这里,但我所做的一切似乎都没有效果

  clear: function() {
        //context.fillStyle = this.c;
        context.fillRect(0, 0, WIDTH, HEIGHT);
        context.fillStyle = "rgba(0,0,0, 0.1)";

        context.strokeStyle = 'rgba(255,255,255, 1)';
    }
};

谢谢!

1 个答案:

答案 0 :(得分:1)

  clear: function() {
        //context.fillStyle = this.c;
        context.fillRect(0, 0, WIDTH, HEIGHT);
        context.fillStyle="rgba(0, 0, 200, 0)";
        context.fill();

        context.strokeStyle = 'rgba(255,255,255, 1)';
    }
};

将fillstyle设置为alpha - 然后调用.fill(我认为这基本上就是你在做什么了?)