Page Title

Byte Array Manipulation

Reference:Mozilla Doc . . . Demo by Calviղ

JavaScript Typed Arrays are not to be confused with normal arrays, as calling Array.isArray() on a typed array returns false.
Array objects grow and shrink dynamically and can have any JavaScript value. JavaScript engines perform optimizations so that these arrays are fast.
To achieve maximum flexibility and efficiency, JavaScript typed arrays split the implementation into buffers and views.
- A buffer (implemented by the ArrayBuffer object) is an object representing a chunk of data
- Typed array views have self-descriptive names and provide views for all the usual numeric types like Int8, Uint32, Float64 and so forth. There is one special typed array view, the Uint8ClampedArray

Canvas image pixels reorganize

The ImageData interface represents the underlying pixel data of an area of a <canvas> element.
It is created using the ImageData() constructor or creator methods on the CanvasRenderingContext2D object associated with a canvas: createImageData() and getImageData().
It can also be used to set a part of the canvas by using putImageData().

Binary file alterations

... then writing a less human-readable file that is more efficient for the computer to use ( which is usually a binary file). ... "A Tex Primer for Scientists", Stanley A. Sawyer， Steven G. Krantz · 1994

MDN Byte Array Manipulation