![](/img/trans.png)
[英]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 ...
[英]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 ...
[英]Uncaught Error: its-fine: useFiber must be called within a <FiberProvider />
我正在嘗試在我的 React 應用程序中使用 konva js,這是版本詳細信息 重新創建錯誤的最小代碼 添加階段后出現以下錯誤。 但是,通過簡單的 java 腳本方式,即不使用react-konva包裝器,我們可以使用它。 通過降級 react-konva 的版本我可以讓它工作但是如果我想要最新版 ...
[英]Responsive position of a draggable element in React-Konva
我正在使用react-konva來嘗試制作一個工具,用戶可以在其中可視化和規划他們的框架牆。 用戶可以選擇背景,然后選擇框架大小和不同的海報。 它看起來像這樣: 到目前為止,我已經制作了一個背景圖像,只要 window 大小發生變化,它就會正確縮放。 我還創建了一個代表海報的圖像,它以與背景圖像 ...
[英]Can I use an image (.svg) or svg path(?) in Konva.Group()'s clipFunc?
賞金將在 4 天后到期。 此問題的答案有資格獲得+200聲望賞金。 João Paulo Macedo想提請更多人關注這個問題。 假設我有一個 map 的世界。 我希望每個大陸都成為一個區域,我可以在其中附加形狀並拖動/重塑它們,同時始終被大陸的形狀邊界/限制所限制。 這是我到目前為止所擁有的: ...
[英]How to style the transform anchors on a Konva element?
如何在可變換的 Konva 元素上設置變換錨點(例如,藍色框)的樣式? 請注意,我將 Konva 與konva-react一起使用。 示例 1:換句話說,如果我想讓方框變成灰色和半透明怎么辦? 還是改變尺寸? 示例 2:或者,如果我想移除錨點並使Rect的整個邊緣能夠被抓住以調整大小怎么辦? ...
[英]How to center items inside konvajs?
我目前正在 React 中構建某種模因編輯器,為此我使用 konvajs to function 類似於 Canvas。我的問題是我無法將 canva 舞台內的項目居中,因為似乎有一些屬性只是覆蓋我的樣式。 這是我的反應組件中的(部分)返回語句:<div className="mycanva ...
[英]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 其中紅色 <Text /> 模擬插入的按鈕a < CustomCar ...
[英]Capture "wheel" event on KonvaJS Stage only once
我想在 KonvaJS Stage 的“wheel”事件的上下文中執行一次 function。 在 Konvajs 中是否有一種“慣用”的方式來實現這一點? ...
[英]Auto-adjustable line between canvas objects
我的意圖是用 canvas 創建一條線,只要對象發生變化 position,它就會自行調整,以便它始終具有正確的形狀。 我目前有以下內容(使用二次曲線轉彎): 我找到了一個完全符合我要求的GoJS庫,如下所示: 問題是庫不是開源的,所以我想知道這是否是某種通用算法,或者我必須手動進行計算以識別對象的 ...
[英]How I delete a shape at the format Label with Tag and Text
我有一個格式,將 Label、標簽和文本轉換成一個形狀,所以,我想通過雙擊刪除一個形狀,它適用於具有圓形、矩形等的示例形狀,但是形狀Label,標簽和文字,我無法通過雙擊立即刪除。 問題是當我有 20 個形狀(標簽、標簽和文本)時,我需要雙擊 40 次才能刪除所有形狀。 代碼 ...
[英]KonvaJS / Dynamically enable/disable interaction with layer
konvajs 中是否有一種簡單的方法來禁用層及其子層的交互/事件(拖放/指針移動/單擊)? 我有一個包含多個圖層的設置,一次只能與一個圖層進行交互,因為來自不同圖層的元素重疊,這使得用戶很難單擊/拖動正確的元素。 最糟糕的是注銷/注冊每個處理程序或攔截所有處理程序,只執行基於全局 state 的 ...
[英]Problems when applying react-konva rotation
我想移動形狀並使用箭頭鍵更改方向。 搬家成功。 但是當應用“旋轉”時,“文本”position 會發生變化。 如何保留文本 position 並僅更改形狀的方向? https://codesandbox.io/s/modern-dew-d3d8em?file=/src/App.js ...
[英]How to apply transparency for several shapes at once on the React-konva?
https://konvajs.org/docs/sandbox/Transparent_Group.html 我看到上面的鏈接並嘗試在react-konva中使用group.cache(),但我不知道如何應用它。 請告訴我怎么做。 ...
[英]Algorithm for drawing lines with 90-degree angles
開門見山,我希望實現的是能夠在具有這種形狀的兩個元素之間創建一條連接線: DBDIAGRAM.IO 當元素移動時,該線會重置但始終保持 90 度角,而不是 [x,y] 到 [x,y] 之間的直線或對角線。 這有某種算法嗎? 也許是具有某種 A* 實現的網格? ...
[英]React-konva: place elements of a Group with absolute (stage) coordinates
我在 1 周前才開始使用 React-Konva,但由於我對 Konva 缺乏了解,我在做的事情上遇到了問題,我無法弄清楚。 我有一個Stage ,里面有Layer和Group 。 在Group內,我有一個Rect和一些來自 api 的數據,這些數據將一些Image放在屏幕上。 實際上我可以移動Gr ...
[英]Shapes not rendering within Stage in react-konva
我有幾行代碼來創建一個矩形或我嘗試過的任何其他形狀都沒有在舞台中呈現。 我嘗試添加 html 個元素,但它們確實在舞台中呈現。 這是由於使用refs引起的嗎? 控制台中也沒有出現任何錯誤。 應用程序.js 申請.css ...
[英]KonvaJS/Canvas Dynamic fog of war reveal with obstacles
我有一個用 KonvaJS 和可以在方形網格上移動的令牌制成的 2D 板。 我已經可以添加戰爭迷霧並手動刪除它。 但是,我想這樣做,當每個令牌移動時,它會在它周圍顯示出一定的東西,考慮到牆壁。 大部分工作已經完成,但並不完全准確。 基本上對於每一面牆,我都在檢查令牌是否在它的頂部/右側/底部/左側。 ...
[英]Typescript augmenting/monkey-patching a new attribute for Konva classes
我是 typescript 的新手,並且無法使用Konva庫的一個類對引用我的數據模型的新屬性“_model”進行猴子修補。 這個想法是讓 model 在鼠標交互事件期間可用,並能夠根據更改對其進行修改。 因此,我正在嘗試使用 '_model' 屬性來擴充 Konva 原語,例如文件test.d.t ...
[英]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 ...