標簽[react-canvas] - 堆棧內存溢出

[英]How to implement an intelligent drag drop (like this) in react? Canvas or non-canvas based approach?

什么方法可以做這樣的智能拖放反應？（基於畫布或非畫布的方法？）。那就是在不使用 cavas 的情況下使用 React（帶有諸如 React DND 之類的庫），或者使用 HTML 5“canvas”（可能帶有諸如“react-konva”之類的庫）在 React 中渲染/繪制它。要求： ...

類型錯誤：sigCanvasRef.getTrimmedCanvas 不是 function

[英]TypeError: sigCanvasRef.getTrimmedCanvas is not a function

使用 getTrimmedCanvas 時出現上述錯誤。我讀到在使用背景樣式時會發生此錯誤，因為它需要白色背景或類似的東西。還有更多代碼，但我只粘貼了相關的東西。感謝您的幫助！ import Popup from "reactjs-popup"; import SignaturePad f ...

如何以 JSON 格式保存 canvas 的階段？

[英]How to save stage of canvas in JSON format?

在我當前的項目中，我想用 react 和 react-konva 構建類似圖像編輯器的東西。首先，我用一些道具和默認的可拖動星星渲染了一個 konva 舞台。在下一步中，我們可以使用來自 react-konva 的Image為我們的舞台設置背景圖像。下一步，也是最后一步。我們可以將 kon ...

反應 - Fabric Js getActiveObject 不工作

[英]React - Fabric Js getActiveObject not working

我是使用 Fabric Js 反應的新手。我只是試圖設置當前的活動圖像。我的問題是在選擇設置getActiveObject()后，canvas 圖像變為白色。我嘗試了一些方法，但我找不到解決方案。演示鏈接： https://o8n8h.csb.app/ Codesandbix 鏈接： htt ...

如何從反應 canvas 繪圖中獲得圖像響應？

[英]How to get Image response from react canvas draw?

我在 react JS 中使用了 react canvas draw。我得到了 getData function 的響應，但我想使用圖像格式的響應，但我無法獲取圖像。這是 Canvas 的響應： {"行":[{"點":[{"x":106.38525113810485,"y":128.7116 ...

如何在另一個 function 中使用 useEffect() 中聲明的變量？

[英]How to use variable declared in useEffect() in another function?

ps 解決了我遇到的問題，但如果你有時間，我仍然想聽聽你對這個和我的代碼的想法:) 我只能在渲染完成后為該變量賦值，所以我假設我必須在 useEffect() 中聲明該變量，並且不可能在全局范圍內為其賦值（在任何渲染之前執行）。但我也想在另一個 useEffect() 中使用該變量，但我不能， ...

使用 Html5 Canvas、JavaScript 和 React 構建用戶流。

[英]Building User Flow using Html5 Canvas, JavaScript and React.

我想使用 Html5 Canvas、Js 和 React 開發用戶流程圖庫。任何人都可以指導我嗎？ ...

無法下載 React Canvas 繪圖

[英]Unable to download React Canvas Drawing

我想將我在 React 畫布上的繪圖作為 jpeg 圖像文件下載到我的桌面，然后將其傳遞給 python 文件進行分類。有人可以指定一個代碼來下載 React 畫布繪圖，或者建議一種更好的方法來實現這個想法嗎？這個函數只是清除反應畫布而不先下載它。 ...

在 React.js 中通過鼠標拖動繪制矩形的最佳方法？

[英]Best way to draw rectangles via mouse drag in React.js?

我正在嘗試通過在 React.js 應用程序中用鼠標拖動區域來突出顯示圖像區域，就像您在 Mac 或 windows 上所做的那樣。我知道這最好在 Canvas 上完成，方法是將 canvas 覆蓋在圖像上，然后捕獲鼠標事件並相應地繪制矩形，是否有好的庫或其他方法可以做到這一點？因為編寫原始代 ...

如何在 React 中使用 Fabric.js？

[英]How can I use Fabric.js with React?

我有一個通過Fabric.js大量使用 HTML5 畫布的應用程序。該應用程序是基於Angular 1.x 編寫的，我計划將其遷移到React 。我的應用程序允許編寫文本和繪制線條、矩形和橢圓。還可以移動、放大、縮小、選擇、剪切、復制和粘貼一個或多個此類對象。還可以使用各種快捷方式縮放和平移 ...

react-canvas的怪異問題（不變違規）

[英]Weird issues with react-canvas (Invariant violation)

使用反應0.13.3和新鮮的反應畫布。我越來越永久違反：addComponentAsRefTo（...）：只有ReactOwner可以具有引用。這通常意味着您正在嘗試向沒有所有者的組件（即，不是在另一個組件的render方法內部創建的組件）添加引用。嘗試在包含引用的新頂級組件 ...