Reference · Framing, geometry and quiz tools
wrapOffsetsfunction
The copies of the canvas this window sees, as x offsets in map units: [0] while the window is wholly on the
canvas, which is most of the time. The second copy is only drawn once the reader has panned across the cut.
Import it
import { wrapOffsets } from "@johnmorrisdotca/chizu";Definition
function wrapOffsets(box: MapBox, width: number): number[]Parameters
| Name | Type | Description |
|---|---|---|
box | MapBox | The window in native map units, or the inset destination specified by this signature. |
width | number | The native canvas width or frame width specified by this signature. |
Returns
number[]
The copies of the canvas this window sees, as x offsets in map units: [0] while the window is wholly on the canvas, which is most of the time. The second copy is only drawn once the reader has panned across the cut.
Examples
import { wrapOffsets } from "@johnmorrisdotca/chizu";
// A window hanging off the west edge of a world 1,000 wide is drawn twice: in place, and one world to the left.
console.log(wrapOffsets({ x: -100, y: 0, width: 400, height: 200 }, 1000));
// [ -1000, 0 ][ -1000, 0 ]What it prints (run when this page was built)