1.0.0 • Published 6 years ago
@gogrillion/matrix2html v1.0.0
matrix2html
Pretty print matrices in various HTML formats
Features
- Tables
Usage
.toTable( data: array )
# matrix2html.toTable(data, rowLength)
Compile an HTML table from array values in data. If rowLength is provided, one dimensional arrays will wrap at rowLength items. This is meant to be useful for situations like WebGL where matrices which are commonly stored as a Float32Array of 16 elements.
Examples
Generate a table for a mat4 WebGL Matrix
let matrix = mat4.identity();
console.log( matrix2html.toTable(matrix, 4) ); // wrap rows at 4 elements
Console's output will be
<table>
<tr>
<td>1</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>0</td>
<td>1</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>0</td>
<td>0</td>
<td>1</td>
<td>0</td>
</tr>
<tr>
<td>0</td>
<td>0</td>
<td>0</td>
<td>1</td>
</tr>
</table>
-- or visually --
1 | 0 | 0 | 0 |
0 | 1 | 0 | 0 |
0 | 0 | 1 | 0 |
0 | 0 | 0 | 1 |
License
Copyright (C) 2018 GoGrillion
gl-graph is licensed under the ISC License
1.0.0
6 years ago