java 画布实验报告_编辑画布图像

我已经设置了一个用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 画布实验报告_编辑画布图像相关推荐

java象棋实验报告_中国象棋java程序设计实验报告
中国象棋java程序设计实验报告东北大学秦皇岛分校信息与计算科学系Java 程序设计实验报告专业名称信息与计算科学班级学号 7080206学生姓名彭军指导教师王薇完成时间 20 ...
java象棋实验报告_中国象棋java程序设计实验报告.doc
中国象棋java程序设计实验报告.doc 东北大学秦皇岛分校信息与计算科学系 Java 程序设计实验报告专业名称信息与计算科学班级学号 7080206 学生姓名彭军指导教师王薇完成时 ...
java浏览器实验报告_关于java实验报告模板
关于java实验报告模板 1．掌握Java Applet的程序结构和开发过程. 2．学会编写Applet对应的HTML文件,掌握从HTML文件向Applet传递参数的方法. 3. 掌握文本框对象的使用 ...
java词法分析器实验报告_词法分析器实验报告(JAVA)
实验一.词法分析实验商业软件工程专业张树恒 201506110093 一.实验目的通过设计一个词法分析程序,对词法进行分析,加强对词法的理解,掌握对程序设计语言的分解和理解. 二.实验内容 ...
java程序实验报告_实验报告一
实验一实验二打开eclipse,创建一个java程序,再创建一个包,包下面创建一个类. 在第六行输入 System.out.println("My name is wujing, I l ...
嵌入式java闹钟实验报告_《Java程序设计》第五次实验实验报告
实验封面一.实验内容 1.阅读理解源码进入07_httpd所在的目录,使用vi编辑器理解源代码. 2.编译应用程序使用gcc编译器,分别对文件夹下的copy.c和httpd.c进行编译,出现co ...
java连连看实验报告_连连看实验报告
一:题目简介最近看到有很多同学在玩消消乐连连看等这类小游戏,我就想着自己也要做一个简单的连连看小游戏,随便复习一下GUI 二:源码的github链接 https://github.com/joan ...
递归与分治java策略实验报告_递归与分治策略–计算机算法设计与分析
递归概念:直接或者间接调用自身的算法,称为递归运算. 分治思想:把一个规模为n的问题分解为k个规模较小的子问题,这些子问题相互独立且与原问题相等,递归解决子问题后再将结果合并下方为一些应用函数.因为 ...
西电java实验报告界面_西电计算机Java上机实验报告.docx
西电计算机Java上机实验报告.docx 下载提示(请认真阅读)1.请仔细阅读文档,确保文档完整性,对于不预览.不比对内容而直接下载带来的问题本站不予受理. 2.下载的文档,不会出现我们的网址水印. ...

java 画布实验报告_编辑画布图像

java 画布实验报告_编辑画布图像相关推荐

最新文章

热门文章