pannedBy関数
リファレンスの説明と例は英語です。見出しと目次は日本語です。
The view moved so that the board slides by (dx, dy) pixels under the box.
インポート
import { pannedBy } from "@johnmorrisdotca/meikyuu/play";定義
function pannedBy(view: View, dx: number, dy: number, box: ViewBox, pad?: number): View引数
| 名前 | 型 | 説明 |
|---|---|---|
view | View | The current pan and scale. |
dx | number | The horizontal pan distance in pixels. |
dy | number | The vertical pan distance in pixels. |
box | ViewBox | The viewport dimensions and logical board bounds, or board bounds specified by the signature. |
pad (省略可) | number | The native SVG or viewport padding in drawing units/pixels specified by the signature. |
戻り値
View
The view moved so that the board slides by (dx, dy) pixels under the box.
例
import type { MazeRecipe } from "@johnmorrisdotca/meikyuu";
import { buildMaze } from "@johnmorrisdotca/meikyuu";
import { fitView, pannedBy } from "@johnmorrisdotca/meikyuu/play";
const recipe: MazeRecipe = {shape:"square",w:5,h:5,algorithm:"backtracker",mode:"to-goal",seed:42};
const maze = buildMaze(recipe);
const grid = maze.grid;
const box = {width:390,height:844,area:grid.box};
const view = fitView(box);
console.log(pannedBy(view,10,20,box));{
scale: 62.90322580645161,
x: -0.6000000000000001,
y: -4.20871794871795
}出力（このページを作ったときに実行した結果）
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。