javascript - Webos Palm js で画像ピクセルを置き換える方法

Question

webos で画像のピクセルの色を他の色に置き換えたいです。誰でも私がこれを行う方法を提案できます。ありがとう

Answer 1

これは、HTML5キャンバスAPIを使用して実行できます。画像のサイズのキャンバスを作成してから、画像をキャンバスに描画します。画像データを取得し、操作してください！

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

imageこれで、画像のすべてのピクセルを含むimageData配列を含むオブジェクトになりました。data6列目と3行目のピクセルの緑色のコンポーネントを削除したいとします。

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);