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(属性)
属性名 | 类型 | 描述 |
---|
controller | GestiController | 用于实现用户与画布交互的控制器。 |
initialized | boolean | 表示实例是否已初始化。 |
Methods(方法)
方法名 | 参数 | 返回类型 | 描述 |
---|
bindController | controller: GestiController | void | 绑定一个GestiController。 |
initialization | option: InitializationOption | void | 使用提供的选项初始化 Gesti。 |
static mount | option: InitializationOption | [Gesti, GestiController] | 初始化 Gesti 并挂载。 |
installPlugin | key: PluginKeys, plugin: any | void | 安装预设插件。 |
dispose | - | void | 销毁 Gesti 实例。 |