https://github.com/thibauts/ndarray-from-canvas

Extracts a canvas RGBA pixels as a ndarray
https://github.com/thibauts/ndarray-from-canvas

Last synced: 21 days ago
JSON representation

Extracts a canvas RGBA pixels as a ndarray

• Host: GitHub
• URL: https://github.com/thibauts/ndarray-from-canvas
• Owner: thibauts
• License: mit
• Created: 2015-09-27T08:53:21.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-09-27T08:53:40.000Z (about 9 years ago)
• Last Synced: 2024-11-16T11:36:19.431Z (about 1 month ago)
• Language: JavaScript
• Size: 105 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
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](https://github.com/shama/dtype) is provided as a second parameter, allocates a new typed array of the given type for use as the ndarray underlying data.

Install

-------

```bash

$ npm install ndarray-from-canvas

```

Usage

-----

```javascript

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].

```