Js Canvas 按位或 |混合/混合

Question

我正在尝试用 JavaScript 设计一个图表制作器。在设计饼图时，它的各个部分都在混合颜色。

main = "#ff2d8a" 
c = "hsla(225,36%,17%,0.731)"

this.ctx.fillStyle = main | c 

为什么混合/混合颜色？

重绘/更新后颜色是这样的：

c // "hsla(225,36%,17%,0.731)"

为了在更新画布后设置混合颜色，我尝试了许多按位运算符，但结果几乎相同。我试过作曲，但效果一般。

更新前：

更新画布后：

所以我希望即使更新后零件的颜色也应该相同