viewBoxOffunction
The text of the viewBox attribute that shows the view.
Import it
import { viewBoxOf } from "@johnmorrisdotca/meikyuu/play";Definition
function viewBoxOf(view: View, box: ViewBox): stringParameters
| Name | Type | Description |
|---|---|---|
view | View | The current pan and scale. |
box | ViewBox | The viewport dimensions and logical board bounds, or board bounds specified by the signature. |
Returns
string
The text of the viewBox attribute that shows the view.
Examples
import type { MazeRecipe } from "@johnmorrisdotca/meikyuu";
import { buildMaze } from "@johnmorrisdotca/meikyuu";
import { fitView, viewBoxOf } from "@johnmorrisdotca/meikyuu/play";
const recipe: MazeRecipe = {shape:"square",w:5,h:5,algorithm:"backtracker",mode:"to-goal",seed:42};
const maze = buildMaze(recipe);
const grid = maze.grid;
const box = {width:390,height:844,area:grid.box};
const view = fitView(box);
console.log(viewBoxOf(view,box));-0.6 -4.209 6.2 13.417What it prints (run when this page was built)