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

Question

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

Answer 1

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

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

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

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