Как заменить пиксель изображения в Webos Palm js - PullRequest
Новая
       33

Как заменить пиксель изображения в Webos Palm js

1 голос
/ 02 сентября 2011

Я хочу заменить цвет пикселя изображения другим цветом в вебе.поэтому любой может подсказать, как мне это сделать.Спасибо

1 Ответ

0 голосов
/ 08 мая 2012

Это можно сделать с помощью HTML5 canvas API. Создайте холст размером с изображение, а затем нарисуйте изображение на холсте. Получить данные изображения и манипулировать прочь! 

var canvas = document.getElementById(canvasID);
var context = canvas.getContext('2d');
var image = context.getImageData(0,0,canvas.width,canvas.height);

image теперь является объектом imageData, который содержит массив data, который содержит все пиксели изображения. Предположим, вы хотите удалить зеленый компонент в пикселе шестого столбца и третьего ряда. 

var index = (5*image.width+2)*4;
//six columns of pixels, plus two for the third row.
//Multiply by four, because there are four channels.
image.data[index+1] = 0; //Plus one, because we want the second component.

По окончании манипуляции с пикселями загрузите данные изображения обратно на холст. 

context.putImageData(image);
...