版本是 “反应”:“^ 17.0.2”, “反应-dom”:“^17.0.2”, "konva": "^7.2.5", “反应-konva”:“17.0.2-6” 貌似没有实现,请问还有别的办法解决吗? 有一个演示你可以试试 https://codesandbox.io/s/small-vi ...
版本是 “反应”:“^ 17.0.2”, “反应-dom”:“^17.0.2”, "konva": "^7.2.5", “反应-konva”:“17.0.2-6” 貌似没有实现,请问还有别的办法解决吗? 有一个演示你可以试试 https://codesandbox.io/s/small-vi ...
我正在尝试在我的 React 应用程序中使用 konva js,这是版本详细信息 重新创建错误的最小代码 添加阶段后出现以下错误。 但是,通过简单的 java 脚本方式,即不使用react-konva包装器,我们可以使用它。 通过降级 react-konva 的版本我可以让它工作但是如果我想要最新版 ...
我正在使用react-konva来尝试制作一个工具,用户可以在其中可视化和规划他们的框架墙。 用户可以选择背景,然后选择框架大小和不同的海报。 它看起来像这样: 到目前为止,我已经制作了一个背景图像,只要 window 大小发生变化,它就会正确缩放。 我还创建了一个代表海报的图像,它以与背景图像 ...
赏金将在 4 天后到期。 此问题的答案有资格获得+200声望赏金。 João Paulo Macedo想提请更多人关注这个问题。 假设我有一个 map 的世界。 我希望每个大陆都成为一个区域,我可以在其中附加形状并拖动/重塑它们,同时始终被大陆的形状边界/限制所限制。 这是我到目前为止所拥有的: ...
如何在可变换的 Konva 元素上设置变换锚点(例如,蓝色框)的样式? 请注意,我将 Konva 与konva-react一起使用。 示例 1:换句话说,如果我想让方框变成灰色和半透明怎么办? 还是改变尺寸? 示例 2:或者,如果我想移除锚点并使Rect的整个边缘能够被抓住以调整大小怎么办? ...
我目前正在 React 中构建某种模因编辑器,为此我使用 konvajs to function 类似于 Canvas。我的问题是我无法将 canva 舞台内的项目居中,因为似乎有一些属性只是覆盖我的样式。 这是我的反应组件中的(部分)返回语句:<div className="mycanva ...
考虑到这一点(在回答其他问题之前有问题)演示来自这里: https ://codesandbox.io/s/kanbanboard-lackofcarddnd-doce75?file=/src/index.js 其中红色 <Text /> 模拟插入的按钮a < CustomCar ...
我想在 KonvaJS Stage 的“wheel”事件的上下文中执行一次 function。 在 Konvajs 中是否有一种“惯用”的方式来实现这一点? ...
我的意图是用 canvas 创建一条线,只要对象发生变化 position,它就会自行调整,以便它始终具有正确的形状。 我目前有以下内容(使用二次曲线转弯): 我找到了一个完全符合我要求的GoJS库,如下所示: 问题是库不是开源的,所以我想知道这是否是某种通用算法,或者我必须手动进行计算以识别对象的 ...
我有一个格式,将 Label、标签和文本转换成一个形状,所以,我想通过双击删除一个形状,它适用于具有圆形、矩形等的示例形状,但是形状Label,标签和文字,我无法通过双击立即删除。 问题是当我有 20 个形状(标签、标签和文本)时,我需要双击 40 次才能删除所有形状。 代码 ...
konvajs 中是否有一种简单的方法来禁用层及其子层的交互/事件(拖放/指针移动/单击)? 我有一个包含多个图层的设置,一次只能与一个图层进行交互,因为来自不同图层的元素重叠,这使得用户很难单击/拖动正确的元素。 最糟糕的是注销/注册每个处理程序或拦截所有处理程序,只执行基于全局 state 的 ...
我想移动形状并使用箭头键更改方向。 搬家成功。 但是当应用“旋转”时,“文本”position 会发生变化。 如何保留文本 position 并仅更改形状的方向? https://codesandbox.io/s/modern-dew-d3d8em?file=/src/App.js ...
https://konvajs.org/docs/sandbox/Transparent_Group.html 我看到上面的链接并尝试在react-konva中使用group.cache(),但我不知道如何应用它。 请告诉我怎么做。 ...
开门见山,我希望实现的是能够在具有这种形状的两个元素之间创建一条连接线: DBDIAGRAM.IO 当元素移动时,该线会重置但始终保持 90 度角,而不是 [x,y] 到 [x,y] 之间的直线或对角线。 这有某种算法吗? 也许是具有某种 A* 实现的网格? ...
我在 1 周前才开始使用 React-Konva,但由于我对 Konva 缺乏了解,我在做的事情上遇到了问题,我无法弄清楚。 我有一个Stage ,里面有Layer和Group 。 在Group内,我有一个Rect和一些来自 api 的数据,这些数据将一些Image放在屏幕上。 实际上我可以移动Gr ...
我有几行代码来创建一个矩形或我尝试过的任何其他形状都没有在舞台中呈现。 我尝试添加 html 个元素,但它们确实在舞台中呈现。 这是由于使用refs引起的吗? 控制台中也没有出现任何错误。 应用程序.js 申请.css ...
我有一个用 KonvaJS 和可以在方形网格上移动的令牌制成的 2D 板。 我已经可以添加战争迷雾并手动删除它。 但是,我想这样做,当每个令牌移动时,它会在它周围显示出一定的东西,考虑到墙壁。 大部分工作已经完成,但并不完全准确。 基本上对于每一面墙,我都在检查令牌是否在它的顶部/右侧/底部/左侧。 ...
我是 typescript 的新手,并且无法使用Konva库的一个类对引用我的数据模型的新属性“_model”进行猴子修补。 这个想法是让 model 在鼠标交互事件期间可用,并能够根据更改对其进行修改。 因此,我正在尝试使用 '_model' 属性来扩充 Konva 原语,例如文件test.d.t ...
我正在尝试创建一个 animation 以使用 react-konva 模拟队列数据结构,当我将其用作带有 pop() 和 push() 的堆栈时,代码按预期工作,但当我使用 shift() 删除第一个元素时队列中的下一个元素与第一个元素一起从 canvas 中取消渲染。 我尝试使用 slice() ...
canvas 中有一个元素。 每次单击按钮时,我都希望它围绕其中心点旋转 90 度。 所以当我判断这个元素的原点不在中心点时,我会手动指定它的原点到中心点。 当我不使用变压器旋转或缩放它时,它工作得很好,可以围绕中心点旋转。但是,当我通过变压器旋转或缩放这个元素,然后单击按钮旋转它时,它的 pos ...