canvas

1、fabric.js 库

1）图层

• 当前选中图层

  canvas.getActiveObject()

• 删除当前图层

  var t = canvas.getActiveObject(); t && canvas.remove(t);

• 禁止操作

  obj.selectable = false ;

• 层级顺序

       选中对象时自定置于顶部

canvas.preserveObjectStacking = false

2）控制点设置

• 所有控制点

  obj.hasControls = false

• 边框控制点

  obj.setControlsVisibility({ mt: false, mr: false, mb: false, ml: false, tl: false, bl: false, tr: false, br: false, });

  // obj 为canvas中的对象

• 顶部控制点

  obj.set({ borderColor: 'red', cornerColor: 'green', cornerSize: 6 }); obj.cornerStyle = 'circle' //顶部控制点形状 obj.editingBorderColor: 'blue' // 点击文字进入编辑状态时的边框颜色

• 控制点连线

  obj.hasBorders = false;

• 自定义控制点

blog.csdn.net/qq_36483750…

3）画布状态记录

const currState = canvas.toJSON();
canvas.loadFromJSON(lastState, () => {
  canvas.renderAll();
});