本文へ移動

Chizu地図

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

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

目次

リファレンス · 地図・場所・クイズの要素

readMapColors関数

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

Parse region colours, including native CSS colours with commas inside rgb()/hsl().

インポート

import { readMapColors } from "@johnmorrisdotca/chizu/element";

ほかのエクスポート元: @johnmorrisdotca/chizu/element/define

定義

function readMapColors(text: string | null): Record<string, string> | null

引数

名前型説明
textstring | null

Comma-separated code:colour pairs; null or empty means no overrides.

戻り値

Record<string, string> | null

The validated colour map, or null for malformed or unsafe values.

例

import { readMapColors } from "@johnmorrisdotca/chizu/element";
console.log(readMapColors("JP:#2f6b4f,GB:rgb(138,59,59)")?.JP);
console.log(readMapColors("JP:url(evil)"));
// #2f6b4f
// null
#2f6b4f
null

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

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

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