Gesti class

Gesti类是Gesti的入口点,负责与Canvas结合。因此,在实例化时,必须传入所需的参数。它控制着整个Gesti的生命周期,在实例化后,必须绑定一个GestiController才能使用。

Example


const gesti = new Gesti();
const controller = new GestiController();
canvas = document.querySelector("#canvas") as HTMLCanvasElement;
const renderContext = canvas.getContext("2d");
const rect = canvas.getBoundingClientRect();
gesti.initialization({
    renderContext,
    rect: {
        x: rect.x,
        y: rect.y,
        canvasWidth: rect.width,
        canvasHeight: rect.height,
    },
});
gesti.bindController(controller);

Properties(属性)

属性名类型描述
controllerGestiController用于实现用户与画布交互的控制器。
initializedboolean表示实例是否已初始化。

Methods(方法)

方法名参数返回类型描述
bindControllercontroller: GestiControllervoid绑定一个GestiController
initializationoption: InitializationOptionvoid使用提供的选项初始化 Gesti。
static mountoption: InitializationOption[Gesti, GestiController]初始化 Gesti 并挂载。
installPluginkey: PluginKeys, plugin: anyvoid安装预设插件。
dispose-void销毁 Gesti 实例。