本文へ移動

Suido水道

管を回してポンプと排水口をつなぎます。収録された問題やシード付きの問題で遊べます。

「水道」は、水を届ける設備を表す言葉です。 名前について(英語)

目次

リファレンス · SVGの盤

zoomAbout関数

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

A view zoomed by factor about the point (ax, ay) of the board, which stays under the same place in the box.

インポート

import { zoomAbout } from "@johnmorrisdotca/suido/draw";

定義

function zoomAbout(view: SuidoView, factor: number, ax: number, ay: number, box: SuidoBox, most?: number): SuidoView

引数

名前型説明
viewSuidoView

Current zoom and translation in board drawing units.

factornumber

The positive zoom multiplier.

axnumber

The horizontal zoom anchor in board drawing units.

aynumber

The vertical zoom anchor in board drawing units.

boxSuidoBox

The board drawing dimensions or DOM viewport specified by this signature.

most (省略可)number

The maximum zoom factor.

戻り値

SuidoView

A view zoomed by factor about the point (ax, ay) of the board, which stays under the same place in the box.

例

import { SUIDO_5X5 } from "@johnmorrisdotca/suido/levels-5x5";
import { decodeLayout } from "@johnmorrisdotca/suido";
import { boxOf, zoomAbout } 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(zoomAbout(view,1.5,100,100,box));
{ zoom: 1.5, x: 33.33333333333334, y: 33.33333333333334 }

出力(このページを作ったときに実行した結果)

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

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