Konvajs + vuejs 如何保存更改的元素高度宽度

【问题标题】：Konvajs + vuejs How to save changed height width of elementsKonvajs + vuejs 如何保存更改的元素高度宽度
【发布时间】：2020-02-19 14:34:14
【问题描述】：

我正在尝试使用 konva js 插件概念调整 canavas 中元素的大小。但是调整后的宽度和高度不会保存到数据库中。我的实际高度宽度不会被任何元素（无论是图像、图层、舞台）的调整大小的高度宽度取代

【问题讨论】：

【解决方案1】：

您是否使用Konva.Transformer (https://konvajs.org/docs/vue/Transformer.html) 更改尺寸？

如果是这样 - Transformer 工具不会直接更改 width 和 height。相反，它正在更改节点的scaleX 和scaleY。因此，您只需将该 attrs 也保存到数据库中或更改 width/height 以匹配新的缩放比例：

const newWidth = rectangle.width() * rectangle.scaleX();
// set new width
rectangle.width(newWidth);

// reset scale:
rectangle.scaleX(1);

【讨论】：