diff --git a/img/00009-2945219701.png b/img/00009-2945219701.png new file mode 100644 index 0000000..f26eb13 Binary files /dev/null and b/img/00009-2945219701.png differ diff --git a/img/00010-938548211.png b/img/00010-938548211.png new file mode 100644 index 0000000..1b1f8ea Binary files /dev/null and b/img/00010-938548211.png differ diff --git a/img/img.jpeg b/img/img.jpeg deleted file mode 100755 index 870895a..0000000 Binary files a/img/img.jpeg and /dev/null differ diff --git a/index.html b/index.html index 2ad60fc..0b68972 100644 --- a/index.html +++ b/index.html @@ -8,51 +8,68 @@ Sakuya + + + +

基因列表

+ + + +

统计曲线

+ + + +

I/O 输入数据/允许读取/接口触点

+ + + +

I/O 允许调用 | IO结构树

+ + + - - - - - - + \ No newline at end of file diff --git a/main.js b/main.js index abe433c..67240db 100644 --- a/main.js +++ b/main.js @@ -8,7 +8,7 @@ document.body.appendChild(matrix.element) var canvas = document.createElement("canvas"), //获取Canvas画布对象 context = canvas.getContext('2d'); //获取2D上下文对象，大多数Canvas API均为此对象方法 var image = new Image(); //定义一个图片对象 -image.src = 'img/img.jpeg'; +image.src = 'img/00010-938548211.png'; image.onload = function () { //此处必须注意！后面所有操作均需在图片加载成功后执行，否则图片将处理无效 context.drawImage(image, 0, 0); //将图片从Canvas画布的左上角(0,0)位置开始绘制，大小默认为图片实际大小 var handle = document.createElement("button"); @@ -21,7 +21,7 @@ image.onload = function () { //此处必须注意！后面所有操作均需在 var imgData = context.getImageData(0, 0, canvas.width, canvas.height); //获取图片数据对象 var average = 0; //获取图片数据数组，该数组中每个像素用4个元素来保存，分别表示红、绿、蓝和透明度值 - // 灰度处理 + //// 灰度处理 //for (var i = 0; i < imgData.data.length; i += 4) { // average = Math.floor((imgData.data[i] + imgData.data[i + 1] + imgData.data[i + 2]) / 3); //将红、绿、蓝色值求平均值后得到灰度值 // imgData.data[i] = imgData.data[i + 1] = imgData.data[i + 2] = average; //将每个像素点的色值重写