ndarray-from-canvas

Extracts a canvas RGBA pixels as a ndarray

Extracts a canvas RGBA pixels as a ndarray with shape [width, height, 4]. If a dtype is provided as a second parameter, allocates a new typed array of the given type for use as the ndarray underlying data.

Install

$ npm install ndarray-from-canvas

Usage

var ndarrayFromCanvas = require('ndarray-from-canvas');
 
var canvas = document.getElementById('canvas');
var arr = ndarrayFromCanvas(canvas/*, 'float32' */); // takes an optional dtype as a second parameter
 
/*
  arr now contains the canvas RGBA pixels as a ndarray 
  of shape [canvas.width, canvas.height, 4]
*/
 
var value = arr.get(0, 0, 0); // will return the red value for the pixel of coordinates [0, 0].