`SuidoViewer`型

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

What attachSuidoView hands back.

インポート

import type { SuidoViewer } from "@johnmorrisdotca/suido/draw";

定義

type SuidoViewer = {
    get: () => SuidoView;
    zoomIn: () => void;
    zoomOut: () => void;
    fit: () => void;
    pan: (across: number, down: number) => void;
    show: (cell: number) => void;
    destroy: () => void;
};

メンバー

名前	型	説明
`get`	`() => SuidoView`	The view as it is now.
`zoomIn`	`() => void`
`zoomOut`	`() => void`
`fit`	`() => void`	Back to the whole board.
`pan`	`(across: number, down: number) => void`	Move the view by a share of what it shows: `pan(0.25, 0)` is a quarter of its width to the right.
`show`	`(cell: number) => void`	Move the view, if it has to, to show a piece (by the cell it was given in).
`destroy`	`() => void`	Stop listening and put the drawing back as it was.

例

import { SUIDO_5X5 } from "@johnmorrisdotca/suido/levels-5x5";
import { decodeLayout } from "@johnmorrisdotca/suido";
import { attachSuidoView, drawSuido } from "@johnmorrisdotca/suido/draw";
import type { SuidoViewer } from "@johnmorrisdotca/suido/draw";

const row = SUIDO_5X5[0];
const code = row[0];
const layout = decodeLayout(code)!;
const host = document.createElement("div");
document.body.append(host);
host.innerHTML = drawSuido(layout);
const svg = host.querySelector("svg")!;
const viewer: SuidoViewer = attachSuidoView(host,svg,layout);
console.log(viewer.get().zoom);
viewer.destroy();

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

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

SuidoViewer型

定義

メンバー

例

`SuidoViewer`型