drawTsunagi関数
リファレンスの説明と例は英語です。見出しと目次は日本語です。
A board as SVG text, with the lines in options.lines drawn on it. The
drawing is class="tsunagi"; its colours and its two movements are
TSUNAGI_STYLE. Its parts carry classes and data attributes a page can style
or find: tsu-marble, tsu-bead, tsu-line (data-pair, data-cells),
tsu-bridge (data-cell, data-across), tsu-over-bridge, tsu-wall
(data-edge), tsu-waypoint, tsu-portal (data-portal, data-cells;
its two rings are tsu-portal-end, its link tsu-portal-link), tsu-flag,
tsu-blast, tsu-hex-cell.
インポート
import { drawTsunagi } from "@johnmorrisdotca/tsunagi/draw";定義
function drawTsunagi(layout: LinkLayout, options?: TsunagiDrawOptions): string引数
| 名前 | 型 | 説明 |
|---|---|---|
layout | LinkLayout | The decoded native board and its rule settings. |
options (省略可) | TsunagiDrawOptions | Native drawing, geometry, game or mount settings. |
戻り値
string
A board as SVG text, with the lines in options.lines drawn on it. The drawing is class="tsunagi"; its colours and its two movements are TSUNAGI_STYLE. Its parts carry classes and data attributes a page can style or find: tsu-marble, tsu-bead, tsu-line (data-pair, data-cells), tsu-bridge (data-cell, data-across), tsu-over-bridge, tsu-wall (data-edge), tsu-waypoint, tsu-portal (data-portal, data-cells; its two rings are tsu-portal-end, its link tsu-portal-link), tsu-flag, tsu-blast, tsu-hex-cell.
例
import { TSUNAGI_4 } from "@johnmorrisdotca/tsunagi/levels-4";
import { decodeLayout } from "@johnmorrisdotca/tsunagi";
import { drawTsunagi } from "@johnmorrisdotca/tsunagi/draw";
const givens = TSUNAGI_4[0][0];
const layout = decodeLayout(givens,4)!;
console.log(drawTsunagi(layout,{marks:"numbers"}).startsWith("<svg"));true出力（このページを作ったときに実行した結果）
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。