画布颜色适用于chrome，不适用于Safari

Question

我的画布渲染在chrome上显示正确的颜色，但在野生动物园和移动浏览器上只能显示黑色。

这是我构造填充字符串的方式： let fillStr = `rgb(${fill.r * 256},${fill.g * 256},${fill.b * 256})`;

Answer 1

在问题中，最终的填充颜色将是浮点型（xx.xx ...） Safari不支持填充颜色中的浮点数。

我们应该将数字转换为整数，例如： let fillStr = `rgb(${Math.floor(fill.r * 256)},${Math.floor(fill.g * 256)},${Math.floor(fill.b * 256)})`;