fabric-texture/docs/sections/advanced-usage/codes/learn-abstract-mode.ts

This JavaScript library enables fast and efficient image distortion transformations using Canvas 2D.

import { FabricTexture, AbstractMode, Texture } from 'fabric-texture';

class Mode extends AbstractMode {
  // 你定义的交互模式名称
  name = 'Your custom mode name';

  // 该方法定义该交互模式下变形时的分割点计算策略，默认使用 变形（WARP）策略
  execute(texture: Texture) {
    return super.execute(texture);
  }

  // 该方法定义你需要在每次变形贴图生成成功后的处理逻辑，常用于添加贴图对象到交互画布
  render(fabricTexture: FabricTexture) {}

  // 相比于 render 方法，该方法定义你只需在贴图结构发生改变时才执行的逻辑，这不会在贴图仅出现坐标点更新的情况下执行
  dirtyRender(fabricTexture: FabricTexture) {}
}

export default Mode;