难以改变 javascript 行的不透明度答案

【问题标题】：Difficulty changing opacity of a javascript line难以改变 javascript 行的不透明度
【发布时间】：2017-08-04 03:47:48
【问题描述】：

所以我已经在神经网络上工作了几个小时，我需要一种方法来显示每个突触的权重。所以，基本上，我需要根据输入的内容画一条更亮或更暗的线。我环顾四周，但我找到的解决方案都没有奏效。到目前为止，这是我的代码：

        function line(a, b, x, y, t){
            ctx.beginPath();
            ctx.lineWidth = 5;
            ctx.strokeStyle = "rgba("+ 255 * t +", "+ 255 * t +", "+ 255 * t +", 1"+");";
            ctx.moveTo(a, b);
            ctx.lineTo(x, y);
            ctx.stroke();
            ctx.closePath();
        }

【问题讨论】：

当您更改 rgba strokeStyle 的 alpha 值时，会发生什么情况？ This solution 似乎建议您也可以在每条线的绘制之间切换ctx.globalAlpha
试图让 t = alpha，什么也没发生。
试过 globalAlpha，这行得通！发表您的评论作为回复并且不接受它

标签： javascript canvas line opacity

【解决方案1】：

更改线条不透明度的建议方法之一是在绘制线条之前将ctx.globalAlpha 调整为 0 和 1 之间，然后在绘制之后将其设置回所需的值

【讨论】：