cost 194 ms
图像组件的 cornerRadius 在“react-konva”中无效:“17.0.2-6” - the cornerRadius of the image component have no effect in "react-konva": "17.0.2-6"

版本是 “反应”:“^ 17.0.2”, “反应-dom”:“^17.0.2”, "konva": "^7.2.5", “反应-konva”:“17.0.2-6” 貌似没有实现,请问还有别的办法解决吗? 有一个演示你可以试试 https://codesandbox.io/s/small-vi ...

未捕获的错误:很好:必须在<fiberprovider /> - Uncaught Error: its-fine: useFiber must be called within a <FiberProvider />

我正在尝试在我的 React 应用程序中使用 konva js,这是版本详细信息 重新创建错误的最小代码 添加阶段后出现以下错误。 但是,通过简单的 java 脚本方式,即不使用react-konva包装器,我们可以使用它。 通过降级 react-konva 的版本我可以让它工作但是如果我想要最新版 ...

React-Konva 中可拖动元素的响应式 position - Responsive position of a draggable element in React-Konva

我正在使用react-konva来尝试制作一个工具,用户可以在其中可视化和规划他们的框架墙。 用户可以选择背景,然后选择框架大小和不同的海报。 它看起来像这样: 到目前为止,我已经制作了一个背景图像,只要 window 大小发生变化,它就会正确缩放。 我还创建了一个代表海报的图像,它以与背景图像 ...

我可以在 Konva.Group() 的 clipFunc 中使用图像(.svg)或 svg 路径(?)吗? - Can I use an image (.svg) or svg path(?) in Konva.Group()'s clipFunc?

赏金将在 4 天后到期。 此问题的答案有资格获得+200声望赏金。 João Paulo Macedo想提请更多人关注这个问题。 假设我有一个 map 的世界。 我希望每个大陆都成为一个区域,我可以在其中附加形状并拖动/重塑它们,同时始终被大陆的形状边界/限制所限制。 这是我到目前为止所拥有的: ...

如何在 Konva 元素上设置变换锚点的样式? - How to style the transform anchors on a Konva element?

如何在可变换的 Konva 元素上设置变换锚点(例如,蓝色框)的样式? 请注意,我将 Konva 与konva-react一起使用。 示例 1:换句话说,如果我想让方框变成灰色和半透明怎么办? 还是改变尺寸? 示例 2:或者,如果我想移除锚点并使Rect的整个边缘能够被抓住以调整大小怎么办? ...

在 react-konva(HTML 画布库)中,如何模拟经典的可编辑<input>并获取或读取在那里输入的字符串值? - In react-konva (the HTML canvas lib), How can I emulate a classical editable <input > and get or read the string value entered there?

考虑到这一点(在回答其他问题之前有问题)演示来自这里: https ://codesandbox.io/s/kanbanboard-lackofcarddnd-doce75?file=/src/index.js 其中红色 &lt;Text /&gt; 模拟插入的按钮a &lt; CustomCar ...

canvas个对象之间的自动调整线 - Auto-adjustable line between canvas objects

我的意图是用 canvas 创建一条线,只要对象发生变化 position,它就会自行调整,以便它始终具有正确的形状。 我目前有以下内容(使用二次曲线转弯): 我找到了一个完全符合我要求的GoJS库,如下所示: 问题是库不是开源的,所以我想知道这是否是某种通用算法,或者我必须手动进行计算以识别对象的 ...

我如何使用标签和文本删除格式为 Label 的形状 - How I delete a shape at the format Label with Tag and Text

我有一个格式,将 Label、标签和文本转换成一个形状,所以,我想通过双击删除一个形状,它适用于具有圆形、矩形等的示例形状,但是形状Label,标签和文字,我无法通过双击立即删除。 问题是当我有 20 个形状(标签、标签和文本)时,我需要双击 40 次才能删除所有形状。 代码 ...

KonvaJS / 动态启用/禁用与层的交互 - KonvaJS / Dynamically enable/disable interaction with layer

konvajs 中是否有一种简单的方法来禁用层及其子层的交互/事件(拖放/指针移动/单击)? 我有一个包含多个图层的设置,一次只能与一个图层进行交互,因为来自不同图层的元素重叠,这使得用户很难单击/拖动正确的元素。 最糟糕的是注销/注册每个处理程序或拦截所有处理程序,只执行基于全局 state 的 ...

React-konva:使用绝对(舞台)坐标放置组的元素 - React-konva: place elements of a Group with absolute (stage) coordinates

我在 1 周前才开始使用 React-Konva,但由于我对 Konva 缺乏了解,我在做的事情上遇到了问题,我无法弄清楚。 我有一个Stage ,里面有Layer和Group 。 在Group内,我有一个Rect和一些来自 api 的数据,这些数据将一些Image放在屏幕上。 实际上我可以移动Gr ...

KonvaJS/Canvas 动态战争迷雾揭示障碍 - KonvaJS/Canvas Dynamic fog of war reveal with obstacles

我有一个用 KonvaJS 和可以在方形网格上移动的令牌制成的 2D 板。 我已经可以添加战争迷雾并手动删除它。 但是,我想这样做,当每个令牌移动时,它会在它周围显示出一定的东西,考虑到墙壁。 大部分工作已经完成,但并不完全准确。 基本上对于每一面墙,我都在检查令牌是否在它的顶部/右侧/底部/左侧。 ...

Typescript 增加/猴子修补 Konva 类的新属性 - Typescript augmenting/monkey-patching a new attribute for Konva classes

我是 typescript 的新手,并且无法使用Konva库的一个类对引用我的数据模型的新属性“_model”进行猴子修补。 这个想法是让 model 在鼠标交互事件期间可用,并能够根据更改对其进行修改。 因此,我正在尝试使用 '_model' 属性来扩充 Konva 原语,例如文件test.d.t ...

React-Konva animation 在使用 shift() 时取消渲染下一个矩形 - React-Konva animation de-renders next rectangle when using shift()

我正在尝试创建一个 animation 以使用 react-konva 模拟队列数据结构,当我将其用作带有 pop() 和 push() 的堆栈时,代码按预期工作,但当我使用 shift() 删除第一个元素时队列中的下一个元素与第一个元素一起从 canvas 中取消渲染。 我尝试使用 slice() ...

元素通过变压器旋转或缩放后,无法手动围绕中心旋转元素 - After the element is rotated or scaled by transformer, the element cannot be rotated around the center manually

canvas 中有一个元素。 每次单击按钮时,我都希望它围绕其中心点旋转 90 度。 所以当我判断这个元素的原点不在中心点时,我会手动指定它的原点到中心点。 当我不使用变压器旋转或缩放它时,它工作得很好,可以围绕中心点旋转。但是,当我通过变压器旋转或缩放这个元素,然后单击按钮旋转它时,它的 pos ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM