`HandleBounds`型

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

A box the handles should stay inside, so none is cropped at the frame edge.

インポート

import type { HandleBounds } from "@johnmorrisdotca/chizu";

定義

type HandleBounds = {
    x: number;
    y: number;
    width: number;
    height: number;
};

メンバー

名前	型	説明
`x`	`number`
`y`	`number`
`width`	`number`
`height`	`number`

例

import { placeHandles, type HandleBounds } from "@johnmorrisdotca/chizu";

const bounds: HandleBounds = { x: 0, y: 0, width: 100, height: 100 };
const spots = placeHandles([{ item: "a", centroid: [50, 50] }, { item: "b", centroid: [55, 50] }], 5, bounds);
console.log(spots.every((spot) => spot.hx >= 0 && spot.hx <= 100 && spot.hy >= 0 && spot.hy <= 100));
// true

true

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

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

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

HandleBounds型

定義

メンバー

例

`HandleBounds`型