Konva.js 如何使用 Transformer 拖动图片和调整大小？

Question

我正在尝试将这些图像拖放到舞台上。 但是当我删除图像时，我收到了这个错误。 Konva.js Konva error: Can not cache the node. Width or height of the node equals 0. Caching is skipped. 我想到的过程是

1. 将图像放入舞台
2. 如果点击，用户可以调整大小、旋转、拖动。

我应该怎么做才能成功调整图片大小？

https://codesandbox.io/embed/magical-meitner-7gic1?fontsize=14&hidenavigation=1&theme=dark

Answer 1

确保在加载图像时缓存形状。

useLayoutEffect(() => {
  if (image) {
    shapeRef.current.cache();
  }
}, [shapeProps, image, isSelected]);