本文へ移動

Chizu地図

SVGの地図を描き、地域を表示範囲に収め、番号付きの注記や地理クイズを英語と日本語の名前で作れます。

「地図」は、土地や場所を図で表したものです。 名前について(英語)

目次

リファレンス · 表示範囲・形・クイズの道具

wrapOffsets関数

リファレンスの説明と例は英語です。見出しと目次は日本語です。

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 { wrapOffsets } from "@johnmorrisdotca/chizu";

定義

function wrapOffsets(box: MapBox, width: number): number[]

引数

名前型説明
boxMapBox

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

widthnumber

The native canvas width or frame width specified by this signature.

戻り値

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.

例

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 ]

出力(このページを作ったときに実行した結果)

ソースを見るGitHub で編集@johnmorrisdotca/chizu 1.5.0 のソースから作成しました。

この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。