`marbleShades`関数

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

A marble's shading: the highlight at its upper left, its body, and its rim, and the ink its number is written in.

インポート

import { marbleShades } from "@johnmorrisdotca/tsunagi/draw";

定義

function marbleShades(colour: TsunagiColour, marks: TsunagiMarks): { light: string; body: string; rim: string; ink: string; }

名前	型	説明
`colour`	`TsunagiColour`	The hue, saturation and lightness triple.
`marks`	`TsunagiMarks`	Whether marbles show colours or numbers.

{ light: string; body: string; rim: string; ink: string; }

A marble's shading: the highlight at its upper left, its body, and its rim, and the ink its number is written in.

import { marbleShades } from "@johnmorrisdotca/tsunagi/draw";

console.log(marbleShades([120,50,40],"colours"));

{
  light: 'hsl(120, 50%, 68%)',
  body: 'hsl(120, 50%, 40%)',
  rim: 'hsl(120, 50%, 18%)',
  ink: '#ffffff'
}

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

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

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