Skip to the content

Chizu地図

Draw SVG maps, frame regions, place numbered callouts and build geography quizzes with English and Japanese names.

Chizu is the Japanese word 地図 for map. About the name

Contents

Reference · Framing, geometry and quiz tools

boxToViewBoxfunction

A window as an SVG viewBox attribute.

Import it

import { boxToViewBox } from "@johnmorrisdotca/chizu";

Definition

function boxToViewBox(box: MapBox): string

Parameters

NameTypeDescription
boxMapBox

The window in native map units, or the inset destination specified by this signature.

Returns

string

A window as an SVG viewBox attribute.

Examples

import WORLD from "@johnmorrisdotca/chizu/world";
import { boxToViewBox, focusBox } from "@johnmorrisdotca/chizu";

console.log(boxToViewBox({ x: 10, y: 20.5, width: 300, height: 200 }));
// 10 20.5 300 200
10 20.5 300 200

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/chizu 1.5.0.