fabricjs

0熱度

1回答

我爲我的項目使用fabric.js-2.0.0-beta.4。 var data = saas.canvas.toDataURL({ format: 'png', left:100, top:100, width:200, height:100 }); 它不與上面的代碼工作，但是當我刪除width和height： var data = sa

0熱度

1回答

爲什麼超越畫布的元素不會動畫（fabricjs）？

Fabricjs：我有一些圓圈，超出畫布層（top：-300），他們有coords，但是當我做指定位置的動畫時，他們只是在沒有任何動畫的指定持續時間內出現在屏幕上。他們爲什麼這樣做，以及如何實現這一點？ animateCircle(ind, co, shift = -300, ca) { co.animate('top', shift, { duration: 1000,

0熱度

1回答

是否可以使用fabricjs i-text添加兩個以上的樣式？

我正在製作簡單的photoshop網頁並使用fabricjs。我用我的文本來使文本編輯功能。代碼 var newText = new fabric.IText("Elegant Living",{ fontWeight: 400, fontSize:28, fill: "rgb(200,200,0)", name: "text" }); 有沒有辦法

0熱度

1回答

正常化FabricJS中的繪圖嗎？

總之，我正在製作一個應用程序，人們可以合作並繪製圖像。我現在有一個概念驗證，但我注意到，如果兩個人協作使用不同大小的窗口，那麼這些圖形在其他人的瀏覽器上顯示的尺寸不正確。解決方案是將歸一化繪圖輸入，使得點被表示爲它們跨越在畫布的百分比，而不是絕對的像素值。但是，我不知道如何在FabricJS中執行此操作。最後，我需要確定該解決方案在縮放時也能正常工作。任何正常化繪圖輸入的建議，將不勝感激！作

-5熱度

1回答

如何在重新制作圖像時在圖像中重複x背景

我想在調整大小時重複背景。這是我的代碼，我試過了。 var canvas = new fabric.Canvas('c', { clipTo: function(ctx) { ctx.rect(1000, 1000, 400, 400); } }); fabric.Image.fromURL('data:image/png;base64,iV

2熱度

1回答

fabricjs調用canvas.toDataURL（）調整畫布的尺寸

我正在使用fabricjs 1.7.17，並且在IE Edge，Chrome和Firefox上看到此問題。其中canvas的寬度和高度設置爲768px的HTML。在我的fabricjs帆布初始化我有： editor.canvas = new fabric.Canvas('editor') editor.canvas.setDimensions({ width: 1080,

0熱度

1回答

刪除FabricJS中的多個路徑

我正在使用Fabric創建協作繪圖應用程序。由於此應用程序的性質，人們最好一次性刪除所有行，而不是執行某種撤消/擦除功能。我試圖遍歷的path S中的列表中，像這樣： canvas.getObjects().forEach((path) => { if(path.senderId === client.id){ canvas.remove(path); } });

0熱度

1回答

使用面料js與Angular 4

我是新角度和麪料js所以任何指針非常讚賞。我試圖構建一個用戶界面，用戶可以將對象拖放到畫布上，然後用線條將它們連接起來。實質上，我希望從第一個鏈接中獲得Angular4拖放示例，以便與第二個鏈接中找到的farbricjs畫布良好地配合。 Drag and Drop Canvas Example 拖放例如工作，但是fabricjs帆布在Chrome中呈現爲一個方盒子，僅此而已。任何想法非常感謝。

-1熱度

1回答

需要爲fabricJS對象添加參考軸

使用fabricJS創建編輯工具我想要添加參考軸以幫助用戶在對象旋轉時對齊對象。我需要這樣的東西是什麼在圖像 - > 基本上我想知道如何修改選擇要添加這些軸 *我不知道爲什麼人們downvote沒有打擾，甚至給一個可能的解決方案。我有這個問題並不需要一個片段，也不需要其他解決方案！

1熱度

1回答

如何在Angular中讀取JSON文件？

我想從本地磁盤加載JSON文件，並使用它的數據填充FabricJS畫布。我在從文件中獲取數據時遇到問題。這是我到現在爲止。 app.html <input type="file" accept=".json" id="fileInput" (change)="loadFile($event)"/> app.ts loadFile(event) { const eventObj: MSInp