panView関数
リファレンスの説明と例は英語です。見出しと目次は日本語です。
A view moved by (dx, dy) in the drawing's units.
インポート
import { panView } from "@johnmorrisdotca/suido/draw";定義
function panView(view: SuidoView, dx: number, dy: number, box: SuidoBox): SuidoView引数
| 名前 | 型 | 説明 |
|---|---|---|
view | SuidoView | Current zoom and translation in board drawing units. |
dx | number | The horizontal pan distance in board drawing units. |
dy | number | The vertical pan distance in board drawing units. |
box | SuidoBox | The board drawing dimensions or DOM viewport specified by this signature. |
戻り値
SuidoView
A view moved by (dx, dy) in the drawing's units.
例
import { SUIDO_5X5 } from "@johnmorrisdotca/suido/levels-5x5";
import { decodeLayout } from "@johnmorrisdotca/suido";
import { boxOf, panView } from "@johnmorrisdotca/suido/draw";
const row = SUIDO_5X5[0];
const code = row[0];
const layout = decodeLayout(code)!;
const view = {zoom:1,x:0,y:0};
const box = boxOf(layout);
console.log(panView(view,10,20,box));{ zoom: 1, x: 0, y: 0 }出力（このページを作ったときに実行した結果）
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。