本文へ移動

Chizu地図

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

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

目次

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

applyInsetTransform関数

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

The same move, applied to a point: a centroid, so a handle follows its region.

インポート

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

定義

function applyInsetTransform(point: readonly [number, number], transform: InsetTransform): [number, number]

引数

名前型説明
pointreadonly [number, number]

The point in native canvas coordinates.

transformInsetTransform

The native inset scale and translation to apply.

戻り値

[number, number]

The same move, applied to a point: a centroid, so a handle follows its region.

例

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

console.log(applyInsetTransform([100, 40], { scale: 0.5, x: 10, y: 20 }));
// [ 60, 40 ]
[ 60, 40 ]

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

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

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