fabricjs

0熱度

1回答

我在angularJS控制這個功能： function group(){ var activegroup = canvas.getActiveGroup(); var objectsInGroup = activegroup.getObjects(); activegroup.clone(function(newgroup) { canvas.disca

0熱度

1回答

面料JS - 形狀不顯示

我使用FabricJS和形狀不顯示，我的代碼是對的jsfiddle： https://jsfiddle.net/270t9hfs/1/ var canvas = new fabric.Canvas("canvas"); function addRectangle(){ var rect = new fabric.Rect({ left: 100,

1熱度

1回答

angular.js - 設置陣列的寬度和高度farbricjs畫布

我必須在我的應用程序內更改我的fabric.js畫布大小。在我有這個定義我controller.js： kitchensink.controller('CanvasControls', function ($scope) { $scope.canvas = canvas; $scope.getActiveStyle = getActiveStyle; addAcc

0熱度

1回答

SVG到畫布轉換的座標不正確

我想用SVG圖像轉換成canvas（之後到PNG）使用fabricjs。它的工作原理，但看起來像我錯過了一些重要的PARAMS 你可以看到轉換這裏 http://staging.chiplab.com/test/1.html 和原始的SVG http://staging.chiplab.com/test/1.svg 代碼，我使用了轉換的結果是： <script src="https://stag

0熱度

1回答

面料JS從面料對象

設置將backgroundImage我想創建像布帆布素描的畫板畫板elemet 這樣的： let app = new Vue({ el: '#app', computed: { \t canvasSize() { let VM = this let el, width, height el = VM.$ref

1熱度

1回答

FabricJS輕觸平移/縮放整個畫布

我需要在FabricJS畫布上啓用觸控縮放/平移。有一些庫允許在圖像上發生這種行爲（請參閱pinch-zoom-canvas）或通過鼠標點擊事件（請參閱this Fiddle），但我似乎無法正確連接「touch：gesture」事件。我已經建立了手勢庫啓用（所以this FabricJS演示在我本地工作），但我不知道從哪裏開始將手勢與工作小提琴結合起來。我想這樣的代碼變化： canvas.on

0熱度

1回答

Fabric.js，手動觸發鼠標：輸入/離開，鼠標：移動

我目前正在研究一種方法來代理從包含fabric.js初始化的畫布紋理的A-Frame平面發出的合成事件。目標是允許用戶拖放織物項目，就好像它們正在與2D畫布進行交互。所有的邏輯處理，所以現在我只是想能夠，例如，編程方式抓住和0,0項目，將其拖動到10,10放開它。當我檢查了'mouse：out'處理程序中的事件參數時，我注意到該對象有一個'e'參數，它是一個MouseEvent實例。所以我嘗試了

1熱度

1回答

在畫布中居中對象

下面是我如何使用Fabric JS在畫布上安排一個圓圈。 $(".arrangeHorizntal").click(function(){ if(checkSelection()){ selectedObj.top = clipRectangle.top+clipRectangle.height/2; selectedObj.setCoords();

-1熱度

1回答

如何使用fabricjs在一段時間後觸發鼠標：over事件？

我只想在用戶將鼠標懸停在某個元素上超過特定設置間隔（例如200毫秒）時才觸發鼠標：over事件。目前我已經使用了添加事件「瞬間」這個例子： http://fabricjs.com/hovering 是什麼觸發該事件之前增加一個延遲的最佳方式？問候，亞歷

0熱度

1回答

fabric.js mouseover＆mouseout events on group not firing（mousedown＆mouseup do fire）

我有一個fabric.Group，我通過group.AddWithUpdate（）添加了幾個fabric.Rect。（所有內容都正確顯示在我的畫布上。）測試最新的Chrome和Firefox。這不會觸發事件（同與 '鼠標移開'）： rect.on('mouseover', function() { console.log('mouseover'); }); 但這個事件不火（同樣