diff --git a/iview.html b/iview.html
index e22edf0..0699af1 100644
--- a/iview.html
+++ b/iview.html
@@ -20,7 +20,10 @@
-Open image:
+
+Open image:
+
+
@@ -38,6 +41,10 @@
window.onload = function() {
var inputImage = document.getElementById('inputImage');
inputImage.addEventListener('change', handleImageFiles, false);
+ window.addEventListener('paste', e => {
+ inputImage.files = e.clipboardData.files
+ handleImageFiles()
+ },false)
}
function copyMousePos(evt) {
@@ -63,9 +70,21 @@
+ p[2] + 'Alpha: ' + p[3]+" | ";
return {x, y};
}
-
-function handleImageFiles(e) {
- var url = URL.createObjectURL(e.target.files[0]);
+
+var grayscale = function() {
+ var imageData= ctx.getImageData(0, 0, cvs.width, cvs.height)
+ var data= imageData.data
+ for (var i = 0; i < data.length; i += 4) {
+ var avg = (data[i] + data[i + 1] + data[i + 2]) / 3;
+ data[i] = avg; // red
+ data[i + 1] = avg; // green
+ data[i + 2] = avg; // blue
+ }
+ ctx.putImageData(imageData, 0, 0);
+};
+
+function handleImageFiles() {
+ var url = URL.createObjectURL(inputImage.files[0]);
var img = new Image();
img.onload = function() {
cvs.width = img.width;