问从阶段生成react-konva的缩略图
EN

Stack Overflow用户

提问于 2020-10-24 21:17:15

回答 1查看 138关注 0票数 0

我已经创建了一个非常类似于办公白板的react应用程序。我想生成每个白板的缩略图或卡片预览，并想知道如何去做。

我最初的想法是创建一个卡片组件，并以与真实白板相同的方式渲染形状。但是，每个形状的点都在舞台之外，我想不出如何缩小它。

有什么想法吗？

回答已采纳

发布于 2020-10-26 22:16:43

您可以对react-konva使用类似的方法。

为预览创建一个特殊组件。

我认为这种方法会工作得更好，性能也会更好(取决于你的应用程序)。您只需要创建另一个舞台，并将所有对象绘制到其中。如果可以绘制形状的简化版本会更好，因为绘图要小得多，所以并不是所有的细节都可见。

你将不得不计算你自己的比例。

使用图像预览

不需要为白板创建完整的组件树，只需将主舞台导出到图像中并显示即可。您必须时不时地进行重新导出。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64513712

复制

相似问题

问从阶段生成react-konva的缩略图EN