堆棧內存溢出
cost 399 ms
如何識別 fabricjs 上的對象顏色

[英]How to identify the objects color on fabricjs

我有一個 canvas（正在處理 fabricjs），我在其中放置了不同 colors 的矩形，但默認情況下填充顏色的不透明度為 50%。 最后，我想用各自的顏色將每個選中的矩形的不透明度設置為 100%。 我很難識別每個矩形的顏色，所以我可以從"rgba(255,0,0,0.5)"傳遞到"rgba ...

將 fabric.js 上的 canvas 導出到圖像

[英]Export canvas on fabric.js to an image

我正在使用 fabric.js 繪制並將 canvas 導出為沒有背景的 a.png。 問題是我一直在尋找，這是唯一在某種程度上對我有意義的東西： 但它不起作用......我也嘗試了很多不同的東西但同樣的事情發生了： Failed to execute toDataURL...錯誤。 有幫助嗎？ ...

我怎樣才能用fabric js畫一個直角三角形？

[英]How can I draw a right triangle with fabric js?

我想用fabric js的三角形畫一個直角三角形。 有辦法嗎？ 我使用 canvas 使用拖動 function。 在可以使用從鼠標單擊的起點拖動來調整大小的圖形中，想要一個 90 度的直角三角形。 我嘗試使用多邊形，但存在形狀和外部尺寸不匹配的問題。 ...

FabricJs：在組調整時保持對象大小固定

[英]FabricJs: Keep Object Size fixed on Group Reszing

我正在使用 FabricJS 創建一個包含兩個對象的組 - 燈光圖標（svg）和陰影（三角形）。 Light Icon SVG 我作為 SVG 導入，然后設置如下比例： 然后我將燈光圖標 svg 對象和陰影三角形對象分組。 接下來，我試圖調整組的大小以調整陰影對象的大小。 當我調整組的大小時 ...

Select FabricJS 上 IText 的文本

[英]Select text of IText on FabricJS

我想像圖像一樣在 FabricJS 中通過代碼設置文本選擇。 當我創建 IText object 時，我需要 select 所有文本，以方便編輯。 我檢查了文檔，但沒有成功。 ...

Fabricjs 選擇或 hover 基於鼠標位置在 object 邊界矩形上用於內部對象

[英]Fabricjs selection or hover based on mouse location on object bounding rectangle for inner objects

我想實現基於邊界矩形的選擇，但采用不同的方法。 場景：如果我在 object 內繪制 object，就像第一個文本一樣，然后是矩形，然后是橢圓，然后是三角形。 現在我應該能夠 select 文本或矩形或橢圓或相反的順序。 當我開始懸停三角形的邊界矩形時，選擇或活動 object 應該是三角形，但是當 ...

如何檢查織物 Object 是否是視頻？

[英]How do I check if a fabric Object is a video?

Fabricjs 似乎使用fabric.Image來創建圖像或視頻。 在多個用例中，如果我通過事件獲得一些結構 object，或循環通過結構 canvas，我需要區分 object 是圖像還是視頻。 如果我使用fabricObject.type，我將獲得視頻object和圖像object的“圖像 ...

fabricjs 對象的所有可能類型是什么？

[英]What are all the possible types of fabricjs objects?

在這里查看 TS 定義，我似乎仍然無法找到所有可能的結構對象類型，我也無法在 fabricJS 文檔頁面上找到類型列表： https://github.com/DefinitelyTyped/DefinitelyTyped/blob/ 06aceea74ca33b2217dcd9f5c53fd9c ...

在fabric.js中轉換（移動，縮放）時，如何確保圖像始終包含整個剪輯矩形？

[英]How to make sure image alway include entire clipping Rect inside while it's transforming (move, scale) in fabric.js?

我有一個帶有簡單裁剪矩形的圖像（旋轉 30 度，大小為 200x200 以制作圖像的一個小視圖部分）。 我的問題是如何防止 Image 在裁剪 rect 之外移動或縮放（這意味着 Image 需要始終包括整個裁剪 Rect ）？ 這是我的代碼： var canvasObject = ...

FabricJS clippath 邊框顏色並將疊加圖像移動到 clippath 后面？

[英]FabricJS clippath border color and move the overlay image behind clippath?

我正在嘗試使用 fabricJS 在 canvas 上添加剪輯路徑區域（矩形對象）。 目前我將 Overlay Image 設置為 canvas，除此之外我還添加了 clippath 區域來放置對象。 我成功地將 object 放置在剪輯路徑中，但問題是我將它放置在剪輯路徑中的任何圖像都具有不透明 ...

FabricJS 選擇處理多個對象

[英]FabricJS selection handling multiple objects

我正在努力處理多個對象的選擇。 所需的行為是每個被單擊的 object 都將被添加到當前選擇中。 與按住 shift 鍵類似，但使用拖動選項的選擇也應添加到現有選擇中。 即使按下 shift 鍵，fabricjs 的當前行為也會創建一個新的選擇。 此外，單擊 canvas 上的空白區域時，不應清除選 ...

如何在 FabricJS 的父 object 的中心創建 object 棒？

[英]How to create object stick on center of parent object in FabricJS?

我有一個 object 例如圓，我想在必須居中對齊的父圓的邊框上添加更多圓。 在附加的 gif 圖像上，您可以看到我的 cursor - 它只允許我在父邊框上創建一個子圓圈。 到目前為止，我只能創建父圈子。 ...

Fabric.js 將圖像混合到背景中。 邊緣模糊

[英]Fabric.js blend image into background. blur at the edges

我正在嘗試使用 fabric.js 將前景圖像混合到背景圖像中 前景圖像應該在邊緣模糊。 在下面的示例中，dog 是前景圖像。 風景是背景圖像。 這是我的代碼： var canvas = new fabric.Canvas('c'); canvas.setWidth(300); canvas.se ...

FabricJS 畫布中的 wrapperEl 是什么？

[英]What is wrapperEl in canvas in FabricJS?

https://github.com/salgum1114/react-design-editor/blob/8db73ef3d9846444e25657a5414b417633b1ef0e/src/components/Canvas.js 我已經完成了上面鏈接中的代碼。 但我似乎無法理解第 4 ...

如何使用 Fabric js 以編程方式自由繪制？

[英]How to programmatically free draw using Fabric js?

使用 fabric js 構建多人塗鴉。 嘗試使用 fabric js 實現多人塗鴉，想法是當 U1 在畫布上繪制時，我們將點推送到 RTDB 並在客戶端上獲取這些點，並以編程方式在兩個客戶端中繪制筆畫。 ...

如何修復FabricJS縮放的多邊形裁剪偏移

[英]How to fix FabricJS scaled polygon clipping offset

我正在嘗試將FabricJS矩形形狀裁剪為多邊形形狀。 裁剪工作正常，直到現在縮放需要裁剪的多邊形為止。 在這之后，有一些奇怪的偏移是由多邊形裁剪引起的。 誰能幫我解決該問題，以防止在縮放對象時出現多邊形偏移問題。 這是縮放之前的外觀。 剪輯效果很好 圖片=> ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM