我现在在两台客户计算机上都使用Firefox 70.0.1 64bit遇到了这个问题：
Windows 10版本1809内部版本17763.805，图形卡为NVIDIA GeForce GTX 1060 6GB Windows 10版本1903内部版本18362.356，图形Intel UHD Graphics 620
在客户的机器上，两个圆圈都具有相同的亮绿色：
在我所有的计算机（Linux，ff 70 64位）上，在Chromium / Chrome中，我看到左圆圈为深绿色，右圆圈为微弱的绿色（不透明度0.1）。它也可以在每个虚拟机上正常工作。
var canvas = document.getElementById('canvas');
var context = canvas.getcontext('2d');
context.fillStyle = '#777777';
context.fillRect(100,100,10);
context.globalCompositeOperation = "lighter";
context.globalAlpha = 0.30000001192092896;
var grd = context.createRadialGradient(150,99,150,100);
grd.addColorStop(0,"green");
grd.addColorStop(1,"transparent");
context.fillStyle = grd;
context.lineWidth = 0;
context.strokeStyle = '';
context.beginPath();
context.arc(150,50,6.283185307179586);
context.fill();
context.globalAlpha = 1;
context.globalCompositeOperation = "source-over";
context.fillStyle = '#777777';
context.fillRect(250,10);
context.globalCompositeOperation = "lighter";
context.globalAlpha = 0.10000001192092896;
var grd = context.createRadialGradient(300,95,300,150);
grd.addColorStop(0,"transparent");
context.fillStyle = grd;
context.lineWidth = 0;
context.strokeStyle = '';
context.beginPath();
context.arc(300,6.283185307179586);
context.fill();
context.globalAlpha = 1;
context.globalCompositeOperation = "source-over";<canvas id="canvas" width=500 height=500 style="background-color: black;"></canvas>