リファレンス · KanjiVG由来の筆順:描く、描いた漢字から探す
strokeOrderSvg関数
リファレンスの説明と例は英語です。見出しと目次は日本語です。
The strokes as an SVG, text a page can put in an element or a server can send: each stroke is a path, and with animate each is written
in its turn with CSS that the SVG carries, so that it needs no script and works where an <img> does not. A reader whose device asks for less motion is
shown every stroke at once.
インポート
import { strokeOrderSvg } from "@johnmorrisdotca/jisho/strokes";
定義
function strokeOrderSvg(strokes: readonly string[], options?: StrokeOrderOptions): string
引数
| 名前 | 型 | 説明 |
|---|---|---|
strokes | readonly string[] | The paths of the strokes in order, from |
options (省略可) | StrokeOrderOptions | Size, motion, numbers, colour and label. |
戻り値
string
The SVG; an empty drawing for no strokes.
例
import { loadStrokes, strokeOrderSvg, strokesOf } from "@johnmorrisdotca/jisho/strokes";
const svg = strokeOrderSvg(strokesOf(await loadStrokes("日"), "日"), { size: 120 });
console.log(svg.startsWith("<svg")); // truetrue出力(このページを作ったときに実行した結果)
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。