canvas - Javascript context.getImageData() is black -


http://pastebin.com/gmrs8uyu

solved. had canvasfingerprintblock installed.

i want draw , read colors everytime run it'll return [0, 0, ....] rgba color.

imgdata.data.reduce((a, b) => + b); // => 0 

does of know i'm doing wrong , can me out please?

thanks.

function main() {       var bits = 8;    var power = 4;    var width = math.pow(2, power);    var height = math.pow(2, power);    var chartdata = [];      var data = [];    var canvas = document.getelementbyid("canvas");    canvas.width = width;    canvas.height = height;    var context = canvas.getcontext("2d");      (var _ = 0; _ < 1; _++) {      var char = math.floor(math.random() * 10);      context.clearrect(0, 0, width, height);      context.fillstyle = "gray";      context.fillrect(0, 0, width, height);        context.font = height + 'px arial';      context.fillstyle = "black";      context.textbaseline = "middle";      context.textalign = "center";      context.filltext(char+"", width / 2, height / 2);        var imgdata = context.getimagedata(0, 0, width, height);      var grayscale = array.apply(null, new array(width * height)).map((v) => 0);      var __constnum = 255 * 255;      document.getelementbyid("quaddiffchart").innerhtml = imgdata.data.reduce((a, b) => + b);      }      };
<?php  include("init.php");  ?>  <!doctype html>  <html>    <head>      <meta charset="utf-8">      <title></title>      <style media="screen">        #can{           }      </style>      <?php     printcss();     ?>    </head>    <body onload="main()">      <div id="quaddiffchart">         </div>         <canvas id="canvas" width="300" height="300"></canvas>    </body>  </html>


Comments