javascript - 如何使 Canvas 背景透明

标签 javascript html canvas

我正在摆弄笔,但我似乎不知道如何使 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)';
    }
};

谢谢!

最佳答案

  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 (我认为这基本上就是您所做的事情?)

关于javascript - 如何使 Canvas 背景透明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25277109/

相关文章:

css - html 电子邮件中的时髦宽度百分比和移动 View

javascript - 像这个网站一样的 CSS 框阴影

Jquery DIY slider 多次使用问题

javascript - 粒子淡入淡出

javascript - 如何居中 gridster.js?

javascript - 使用 JQuery 以不同的方式设置每个 <li> 的样式

javascript - 使用 javascript 和 jquery 连接数组

javascript - 将带时间的长日期转换为 mm-dd-yyyy hh :mm AM/PM

javascript - 向下滚动页面时,HTML5 Canvas 上的 map 动画沿着路径移动

cocoa - SketchApp、PaintCode 或 Monodraw 使用什么类型的 Canvas - Cocoa