viewShowingfunction
The view moved the least that shows the whole of a cell (a margin of half a cell round it where there is room), and no further in than it was.
Import it
import { viewShowing } from "@johnmorrisdotca/suido/draw";Definition
function viewShowing(view: SuidoView, box: SuidoBox, width: number, cell: number): SuidoViewParameters
| Name | Type | Description |
|---|---|---|
view | SuidoView | Current zoom and translation in board drawing units. |
box | SuidoBox | The board drawing dimensions or DOM viewport specified by this signature. |
width | number | The board width in cells. |
cell | number | A zero-based row-major cell index. |
Returns
SuidoView
The view moved the least that shows the whole of a cell (a margin of half a cell round it where there is room), and no further in than it was.
Examples
import { SUIDO_5X5 } from "@johnmorrisdotca/suido/levels-5x5";
import { decodeLayout } from "@johnmorrisdotca/suido";
import { boxOf, viewShowing } from "@johnmorrisdotca/suido/draw";
const row = SUIDO_5X5[0];
const code = row[0];
const layout = decodeLayout(code)!;
const view = {zoom:1,x:0,y:0};
const box = boxOf(layout);
console.log(viewShowing(view,box,layout.width,0));{ zoom: 1, x: 0, y: 0 }What it prints (run when this page was built)