Context.getimagedata () Операция небезопасна ⇐ Html

[Anonymous]

Я хочу реализовать простой фильтр для серого для холста HTML5, но я сборол данные изображения в виде пикселей. Я получаю предупреждения о безопасности от FF и Chrome. Наконец, фильтр не делает изображение серого.const canvas = document.getElementById('canvas');
const context = canvas.getContext('2d');

const image = new Image();
image.onload = function () {
if (image.width != canvas.width)
canvas.width = image.width;
if (image.height != canvas.height)
canvas.height = image.height;
context.clearRect(0, 0, canvas.width, canvas.height);
context.drawImage(image, 0, 0, canvas.width, canvas.height);
const imageData = context.getImageData(0, 0, canvas.width, canvas.height);
filter(imageData);
context.putImageData(imageData, 0, 0);
}
image.src = "http://i0.gmx.net/images/302/17520302,p ... ,w=300.jpg";

function filter(imageData){
const d = imageData.data;
for (let i = 0; i < d.length; i += 4) {
const r = d;
const g = d[i + 1];
const b = d[i + 2];
d = d[i + 1] = d[i + 2] = (r+g+b)/3;
}
return imageData;
}


Подробнее здесь: https://stackoverflow.com/questions/170 ... s-insecure