Цвета холста работают на хром, а не на Safari

Question

Мой рендеринг холста показывает правильные цвета на Chrome, но только черные фигуры в сафари и мобильных браузерах.

Вот как я структурирую строку заливки: let fillStr = `rgb(${fill.r * 256},${fill.g * 256},${fill.b * 256})`;

Answer 1

В вопросе результирующими цветами заливки будет плавающее число (xx.xx ...). Safari не учитывает плавающие числа в заливке.

Вместо этого мы должны преобразовать числа в Ints, например: let fillStr = `rgb(${Math.floor(fill.r * 256)},${Math.floor(fill.g * 256)},${Math.floor(fill.b * 256)})`;