仿写一个设计编辑器第六天

46 阅读1分钟

今天完成了对canvas对象的其它属性的一些操作 外观,描边,阴影

截屏2022-10-28 19.28.34.png

change(key, value) {
      console.log(key, value);
      const activeObject = this.canvas.c.getActiveObject();
      //  透明度
      if (key === "opacity") {
        activeObject.canvas.c.set(key, value / 100);
        this.canvas.c.renderAll();
      }
      activeObject && activeObject.set(key, value);
      this.canvas.c.renderAll();
    },
    //阴影效果
     changeShadow() {
      const activeObject = this.canvas.c.getActiveObject();
      activeObject &&
        activeObject.set("shadow", new fabric.Shadow(this.baseAttr.shadow));
      this.canvas.c.renderAll();
    },