A matrix module that tracks 2D transformations with the same API as the HTML5 <canvas>
npm install transformatrixtransformatrix.js enables you you to track the transformation matrix of a 2D plane by applying the transformation just as you would, for example, on an HTML5 context.
``javascript`
npm install transformatrix
It's recommended you use browserify if you're targeting browsers, but you can also simply drop in the main .js file which will export Matrix globally.
First, import with:
`javascript`
var Matrix = require("transformatrix");
The module provides the following:
Syntax | Description
-------------------|-----------------------------------------------------------------------
new Matrix() | creates and returns a new, untouched transformation Matrix
m.translate(x, y) | applies a translation to Matrix mm.scale(scaleX, scaleY) | scales Matrix m by scaleX, scaleYm.rotate(radians) | rotates Matrix m by the specified number of radiansm.inverse() | returns a Matrix that is the inverse of mm.multiply(n) | returns a Matrix that is the product of m and nm.reset() | resets Matrix m to the default, transformation-free statem.transformPoint(x, y) | transforms the point (x, y) through m, returns [new_x, new_y]m.transformVector(x, y) | transforms the vector (x, y) through m, returns [new_x, new_y]
Tip: where appropriate, the functions above return a Matrix instance, which means you can chain them: m.inverse().multiply(2)`.
This module was written with care and love by Chris.
* All contributions are welcome — thanks for helping make transformatrix.js better.
transformatrix.js is released under the MIT License. See LICENSE.