mat4-css-parse
Version:
converts a css matrix string into a mat4 array
35 lines (20 loc) • 1.12 kB
Markdown
# mat4-css-parse
[](http://github.com/badges/stability-badges)
Takes a `transform` string from an element's computed style, and returns a mat4 representation of the 3D matrix. Useful alongside [mat4-css-stringify](https://nodei.co/npm/mat4-css-stringify/).
Cases:
- `matrix3d()` string
- `matrix()` string (returns 3D representation of the 2D matrix)
- `none` which results in an identity matrix
Simple example:
```js
var parse = require('mat4-css-parse')
var mat4 = parse(computedStyle.tranfsorm)
//... now we can do some matrix operations
```
## Usage
[](https://nodei.co/npm/mat4-css-parse/)
#### `matrix = parse(str[, out])`
Converts the `transform` CSS string into a 16-float array representing a 4x4 matrix. 2D matrices will be stored in the upper left of a 4x4 identity matrix.
You can specify an `out` matrix parameter, otherwise it will create a new 16-length array.
## License
MIT, see [LICENSE.md](http://github.com/mattdesl/mat4-css-parse/blob/master/LICENSE.md) for details.