本文へ移動

Chikyu Earth地球

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

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

目次

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

SkyKeepClear型

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

A place where the sky's names must not go, as the property keepClear of <chikyu-space> and <chikyu-earth-realistic> takes it: a rectangle in the element's own CSS pixels from its top left, or an element of the page whose box is read (on a resize, not every frame).

インポート

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

定義

type SkyKeepClear = {
    x: number;
    y: number;
    width: number;
    height: number;
} | {
    getBoundingClientRect(): {
        left: number;
        top: number;
        right: number;
        bottom: number;
    };
};

例

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

const areas: SkyKeepClear[] = [{ x: 24, y: 40, width: 480, height: 220 }];
console.log(areas.length);
1

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

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

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