Image Utilities

[shiffman]

Related to #26 #24 #21 #15, there are going to be many examples working with images. There are some awkward things now that perhaps we can handle internally and/or with an "image utility" class for the library that handles the images <--> NDArray stuff.

1. Should all functions that receive an image should work with DOM elements (<img>, <video>, <canvas>, p5.Image objects, and pixels arrays?
2. I've noticed our examples only work with certain square dimensions 127x127, 227x227, etc. There are likely performance considerations but ideally the library could handle internally any image resizing necessary.

What else?

[cvalenzuela]

Adding specific utilities for the <video> tag could be nice too. Like managing frame rates.

I can work on this.

[BarakChamo]

I can start working on a wrapper around dealing with image data sources (i.e. urls, <img/>, <canvas/>, Image() and p5.Image).

If one of the goals of this library is to be easily compatible but not tied to to p5.js then it's probably best to abstract all of these modules from the model code.

[BarakChamo]

Implementation will follow the fromPixels method on Array3D
https://deeplearnjs.org/docs/api/classes/array3d.html#frompixels

[cvalenzuela]

This seems to be solved