字号大小和文本框拖拽可以联动变化吗

[aa2246740]

字号大小和文本框拖拽可以联动变化吗

[panjianning]

拖拽时是改变的是scaleX和scaleY, fontSize不变。 可以监听object:modified事件，将文本的scaleX和scaleY设回1，fontSize *= scaleX

const updateTextSize = (obj) => {
 //  obj.target.type.indexOf('text')!=-1
  if (obj && obj.action == 'scale' && obj.target && obj.target.type == 'i-text') {
    let textObj = obj.target
    if (textObj.scaleX != 1 || textObj.scaleY != 1) {
      let scale = Math.max(textObj.scaleX, textObj.scaleY)
      textObj.set({
        fontSize: Math.floor(textObj.fontSize * scale),
        scaleX: 1,
        scaleY: 1,
      });
      canvasEditor.canvas.fire("object:modified", textObj)
    }
  }
};
canvasEditor.canvas.on('object:modified', updateTextSize);