`StrokeOrderOptions`型

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

How a drawing of the strokes looks and moves.

インポート

import type { StrokeOrderOptions } from "@johnmorrisdotca/jisho/strokes";

定義

type StrokeOrderOptions = {
    readonly size?: number;
    readonly animate?: boolean;
    readonly numbers?: boolean;
    readonly strokeMs?: number;
    readonly color?: string;
    readonly label?: string;
};

メンバー

名前	型	説明
`size` (省略可)	`number \| undefined`	The width and height in pixels. 109 unless given.
`animate` (省略可)	`boolean \| undefined`	Write the strokes one after the other. On unless `false`; a reader who asks for less motion sees them all at once.
`numbers` (省略可)	`boolean \| undefined`	Draw each stroke's number at its start. Off unless `true`.
`strokeMs` (省略可)	`number \| undefined`	How long one stroke takes to write, in milliseconds. 500 unless given.
`color` (省略可)	`string \| undefined`	The colour of the strokes, as CSS has it. `currentColor` unless given.
`label` (省略可)	`string \| undefined`	What the drawing says to a screen reader. "Stroke order" unless given.

例

import type { StrokeOrderOptions } from "@johnmorrisdotca/jisho/strokes";

const options: StrokeOrderOptions = { size: 200, numbers: true, strokeMs: 400 };
console.log(options.size);

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

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

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

StrokeOrderOptions型

定義

メンバー

例

`StrokeOrderOptions`型