我已經設置了一個用JavaScript顯示圖像的畫布，現在我正在嘗試將圖像轉換為設置的調色板 . 我已經搜索了其他問題，甚至是MDN，并且無法在其上找到任何內容 .

我想出了這個：

var image = "http://upload.wikimedia.org/wikipedia/commons/d/d7/RGB_24bits_palette_sample_image.jpg";

var canvas = document.getElementById("c");

var context = canvas.getContext("2d");

// load image from data url

var imageObj = new Image();

imageObj.src = image;

imageObj.onload = function() {

context.drawImage(this, 0, 0);

};

var imgData = context.getImageData(0,0,canvas.width,canvas.height);

var data = imgData.data;

var palette = [[0,0,0],[118,38,64],[64,51,127],[228,52,254],[14,89,64],[128,128,128],[27,154,254],[191,179,255]];

for(var i = 0; i < data.length; i += 4) {

var red = data[i];

var green = data[i+1];

var blue = data[i+2];

var alpha = data[i+3];

min = 9999999999;

paleteMatch = null;

for (var j = 0; j < palette.length; j++) {

var lsd = (Math.pow(palette[j][0] - red, 2) + green + blue) / 3;

if (lsd < min) {

min = lsd;

paletteMatch = palette[j];

}

}

data[i] = paletteMatch[0];

data[i+1] = paletteMatch[1];

data[i+2] = paletteMatch[2];

}

imgData.data.set(data);

context.putImageData(imgData, 0, 0);

變量 data 似乎只持有 0 而沒有別的 . 當它進入for循環時，這是一個問題，因為沒有任何反應 . 據我所知，我沒有做錯任何事 .

為什么圖像數據告訴我每個像素都是黑色的，我該如何解決這個問題呢？

總結

以上是生活随笔為你收集整理的java 画布实验报告_编辑画布图像的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。