时间戳

首页 > 解决方案 > KonvaJS - 可拖动的无限网格舞台

angular - KonvaJS - 可拖动的无限网格舞台

问题描述

我有一个关于 KonvaJS 的问题。

我目前正在使用 ng2-konva 开发 Angular CLI，它与所有 KonvaJS 组件相对应。现在我想创建一个可以无限拖动的舞台。这可以通过drag: true在配置中进行设置来实现。但是现在我想在舞台上添加一个网格背景，无论是虚线还是线。

我试图对自己进行故障排除，但找不到使用 Angular TypeScript Syntax 来编写代码的方法。

我的主阶段配置：

public configBackground: Observable<any> = of ({
    width: window.innerWidth,
    height: window.innerHeight,
    fill: "#EBEEF3",
  })

提前感谢您的回答。如果有重复，那么抱歉；随时与我分享链接。:-)

标签： angularkonvajs

解决方案

我建议为您的网格创建一个图层并在其上绘制线条。如果你想看一个例子，看看我的这个实现。
最大的问题是使其具有高性能。因此，请确保使用线条而不是矩形，并使用我的 konvajs 之类的其他一些很酷的性能功能，例如listening: false标签。
我花了很长时间，但据我所知，额外的一层是完成这项工作的最佳方式。
如果您对我的实施有其他疑问，请随时通过电子邮件与我联系。

推荐阅读