问题标签 [konvajs]

我有一个案例，我有一个父级Group，其中 1rectangle用于显示父组的边界和带有groups标签的子级。CircleText

我需要的是当我旋转父母时Group我只需要旋转Rect而孩子Group不应该旋转。

我尝试的是在旋转函数中过滤子组，如下所示并给出了相反的结果

我可能有多达 100 个子组，这样做是否存在性能问题或是否有其他替代方案？

我非常感谢我能得到的任何帮助。我现在已经兴奋了好几个小时了。我正在尝试做一个 webApp 功能，人们可以在其中自拍，然后将图像放在上面并将其发送到电子邮件。直到现在我有这个：

它会拍照，我可以将kochmuetze.png拖到图像上。但是如何将组合保存到一张图像中？

我正在尝试从带有表格的照片中获取单元格。我有图像中细胞的坐标。现在我想使用 konvajs 库查看我的单元格。问题是桌子是30x30。所以我有900个细胞。当使用 kanva.image 900 次时，浏览器停止工作，因为它尝试加载 900 次相同的图像。我想加载一次图像并将其用于裁剪 900 次。这是我的代码：

我看到这个演示https://konvajs.github.io/docs/sandbox/Free_Drawing.html

我已经能够在成功的 web 桌面上绘图，但不能在移动设备上绘图

请帮我

我正在使用 Konva 库在 HTML5 画布上绘制一些东西。

我通过鼠标单击从用户交互中获得了 2 分：

1）这个怎么画线？

我的问题是：

1）如何在每个间隔上获得垂直线？

2）如何获得从A点到B点的距离？

3）如何获得从A到B的所有点？

4) 如何获得红点？

我在我的 web 应用程序和桌面浏览器中使用 react-konva，它运行良好，但在移动浏览器上onClick不起作用。

有没有办法让它在移动设备上工作，还是我需要找到 react-konva 文本的替代品？

我在 KonvaJS 中发现了一个潜在的错误。或者我不确定这些能力......

1）创建一个图层并将其添加到舞台

2）创建一个组并将其添加到图层

3）创建一个图像节点并将其添加到组（注意我的图像是使用 Konva.Image.fromURL 加载的，它等待图像加载然后将其添加到组中。）

结果：图像未出现。

但是，如果您将图像添加到组，然后将组添加到图层，图像就会出现。如果我想将图像附加到动态组（如果它消失了），这将导致问题。

我正在尝试创建托盘或盘子的概念。用户可以将物品放在盘子上的位置。如果用户拖动板，它会创建一个包含所有相交节点的组并将它们一起移动。在拖动结束时，它会将所有对象释放回用户。

编辑：我遇到的问题与我在下面的评论中提到的组坐标有关。

“我想我误解了，很长一段时间以来，定位如何与组一起工作。阅读评论：jsfiddle.net/jusatx6s”

LL：确保您正在检查正在渲染的节点的位置，并且它们确实出现在屏幕上。

我创建了一个 Konva.Line 并想沿着这条线以相等的间隔绘制一个 Star。这并不重要，但这条线很少是直的。作为替代方案，我有一个定义线的点 {x,y} 列表，而不是创建 Konva.Line，我可以沿着不等间距的点列表绘制等间距的星星。

这是我到目前为止的功能。它确实绘制了星星，但它们最终的间距并不相等。

在这个片段中，当我在 Konvas 画布周围拖动绿色矩形时，一切都很好。但是，当我继续拖动并且鼠标移到顶部栏上时，例如，绿色矩形“跳跃”在鼠标指针下方。

难道我做错了什么？

感觉就像拖动代码正在使用相对于指针“下方”元素而不是页面的 mousemove 事件参数。就像 event.clientX & Y 而不是 event.pageX & Y。

编辑：我添加了一个绝对位于画布上的灰色 div - 尝试在画布上拖动绿色矩形，以便鼠标经过灰色框。跳跳跳跳。

你能帮帮我吗？

https://konvajs.github.io/docs/sandbox/Multi-touch_Scale_Stage.html

本教程完美运行，您能帮我以同样的方式进行旋转吗？我想顺时针和逆时针旋转我的舞台。