本文へ移動

Chikyu Earth地球

世界の国の輪郭を線で描いた地球儀です。地球と同じ速さで回ります。宇宙から見たような地球と、好きな場所の目印も使えます。

「地球」(ちきゅう) は、私たちが住む星の名前です。 名前について（英語）

目次

リファレンス · リアルな地球の計算部分

CountryLayoutOptions型

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

What the names are laid out with: the most names, the smallest and largest text in pixels, the boxes other names use, and the width and height of a text as the browser draws it.

インポート

import type { CountryLayoutOptions } from "@johnmorrisdotca/chikyu-earth/realistic";

定義

interface CountryLayoutOptions {
    max: number;
    smallest: number;
    largest: number;
    taken?: readonly {
        left: number;
        top: number;
        width: number;
        height: number;
    }[];
    measure?: (text: string, size: number) => {
        width: number;
        height: number;
    };
}

メンバー

名前型説明
maxnumber
smallestnumber
largestnumber
taken (省略可)readonly { left: number; top: number; width: number; height: number; }[] | undefined

Boxes other names already use (cities, places, the bodies' names): no country name is put over one.

measure (省略可)((text: string, size: number) => { width: number; height: number; }) | undefined

The width and height of a text at a size, as the browser draws it in the names' own font (a canvas's measureText). The estimate from the length is a floor and the larger is used, so a fallback font with wider letters or taller lines is measured as it is. Left out, the estimate alone is used, as in Node.

例

import type { CountryLayoutOptions } from "@johnmorrisdotca/chikyu-earth/realistic";

const options: CountryLayoutOptions = { max: 40, smallest: 10, largest: 16 };
console.log(options.max);
40

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

ソースを見るGitHub で編集@johnmorrisdotca/chikyu-earth 0.51.1 のソースから作成しました。

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