本文へ移動

Hoshi Stars星

肉眼で見える星の名前・色・距離、88星座の線と境界、メシエ天体、そしてそれらを描くための7種類の図法を使えます。

「星」(ほし) は、夜空に光って見えるものです。 名前について（英語）

目次

リファレンス · いちばん明るい星の名前と、うすい星座の線 (自分で描く空のために。個数か等級で選べます。ポインターが乗っている星座は濃く表示でき、空をおおうものにも対応し、見た目は設定だけで変えられます)

labelStyleFrom関数

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

A look read back from CSS custom properties: any property the page has not set keeps its default. Pass how the page reads one, for example (name) => getComputedStyle(element).getPropertyValue(name).

インポート

import { labelStyleFrom } from "@johnmorrisdotca/hoshi-stars/sky-labels";

定義

function labelStyleFrom(read: (name: string) => string): LabelStyle

引数

名前型説明
read(name: string) => string

Gives the value of a custom property by name, or an empty text where it has none.

戻り値

LabelStyle

A complete look.

例

import { labelStyleFrom } from "@johnmorrisdotca/hoshi-stars/sky-labels";

const style = labelStyleFrom((name) => (name === "--hoshi-label-case" ? "upper" : ""));
console.log(style.case, style.size);
upper 11

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

ソースを見るGitHub で編集@johnmorrisdotca/hoshi-stars 0.47.0 のソースから作成しました。

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