WebGL：将alpha设置为低于1.0

Question

看起来像帆布＆＃39; alpha取决于CSS背景颜色（在Chrome 60和Firefox 47上测试）。

案例1：背景：黑色，帆布：红色，含10％alpha

body {background-color: #000000} /* or any other parent DOM element */

将画布颜色设置为红色，含10％alpha

gl_FragColor = vec4(1.0, 0.0, 0.0, 0.1);

有这个结果：

- ＆GT;我希望红色变暗90％

将alpha设置为100％后得到了相同的结果：

gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);
return;

案例2：背景：白色，帆布：红色，含10％alpha

- ＆GT;它看起来正确

案例3：背景：蓝色，帆布：红色，含10％alpha

- ＆GT;看起来红色部分超过10％

是否有任何颜色混合模式，我不知道？

（这些测试在Firefox和Chrome上是相同的）