JS Canvas putImageData Отрисованные различия цвета - PullRequest
Новая
       73

JS Canvas putImageData Отрисованные различия цвета

0 голосов
/ 11 февраля 2019

При манипулировании пикселями с помощью JS Canvas putImageData существует разница в требуемом и отображаемом цвете.При рисовании RGB (255,255,0) вместо этого на холст выводится RGB (254,254,86).То же самое в случае с другими значениями.Где проблема?

Вот JSFiddle

Проверка Снимок экрана 

var canvas = document.getElementById('canvas');
var canvasWidth = canvas.width;
var canvasHeight = canvas.height;
var ctx = canvas.getContext('2d');
var imageData = ctx.getImageData(0, 0, canvasWidth, canvasHeight);
var data = imageData.data;
var red = 255;
var green = 255;
var blue = 0;
var alpha = 255;
for (var y = 0; y < canvasHeight; ++y) {
  for (var x = 0; x < canvasWidth; ++x) {
    var index = (y * canvasWidth + x) * 4;
    data[index] = red;
    data[++index] = green;
    data[++index] = blue;
    data[++index] = alpha;
  }
}
ctx.putImageData(imageData, 0, 0);
...