fabric-warpvas/docs/sections/more-configuration/codes/change-split-unit-demo.ts

This JavaScript library helps you efficiently build image warping tools on Fabric.js

import { FabricWarpvas } from 'fabric-warpvas';
import { fabric } from 'fabric';
import Warp from 'fabric-warpvas/modes/warp';

const canvas = document.createElement('canvas');
const fabricCanvas = new fabric.Canvas(canvas);
const fabricWarpvas = new FabricWarpvas(fabricCanvas);

// 进入扭曲变形
fabricWarpvas.enterEditing(new fabric.Image(new Image()), null, new Warp());

/*---*/
const warpvas = fabricWarpvas.warpvas;
if (warpvas) {
  warpvas.setSplitUnit(/*-unit-*/ 0.1 /**/).setRenderingConfig({
    enableGridDisplay: /*-show-grid-*/ false /**/, // 是否显示分割线
  });
}
/*---*/