JS/drawImage.js

   1 function drawMycrograph(ddata){
   2   var canvas = document.getElementById("canvasSimplePhoto");
   3   var length;
   4   var context;
   5
   6   data = JSON.parse(ddata);
   7
   8 //  context.scale(0.5,0.5);
   9   if(!canvas || !canvas.getContext){
  10     return(false);
  11   }
  12   else if(canvas.getContext){
  13       context=canvas.getContext('2d')
  14     }
  15     console.log(data);
  16   length = data.length;
  17   console.log(length);
  18   var imgData = context.createImageData(length,length);
  19
  20   for (var i=0;i<length;i++){
  21     for (var j=0;j<length;j++){
  22       var n = j*4+i*length*4;
  23       var pixel = data[i][j];
  24       imgData.data[n]   = pixel;
  25       imgData.data[n+1] = pixel;
  26       imgData.data[n+2] = pixel;
  27       imgData.data[n+3] = 255;
  28     }
  29   }
  30   context.putImageData(imgData, 0, 0);
  31
  32 }