fabricjs

    1熱度

    1回答

    我顯示使用fabricjs圖像放大後並啓用縮放使用的面料 myFabric.zoomToPoint({ x: x, y: y }, newZoom); 的問題是,當我在像素放大越來越模糊,而不是一直處於「尖銳」 「彼此分離」。 縮小: 放大:

    0熱度

    1回答

    是否有任何選項可以添加圖案和圖案? 任何時候,當我將圖像應用爲圖案時,即使圖像是透明的,Fabric也會添加某種「灰色圖層」。 Link to Fiddler var canvas = window.canvas = new fabric.Canvas('c'); var rect = new fabric.Rect({ width: 256, height: 256,

    0熱度

    1回答

    我想從url加載svg,我可以控制svg對象中的每個元素。下面是我的代碼,並且Im在如何處理它方面有困難。 var image = new fabric.loadSVGFromURL(url, function(objects,options) { for (var i = 0; i < objects.length ; i++){ var obj = objects[i]

    0熱度

    1回答

    我正在使用Fabric.js,並且動態地更改了畫布大小,因此我需要使用適當的對象縮進(以百分比取決於畫布大小)頂部和左側縮放所有畫布對象。我可以如何設置頂部和左側物體位置的百分比? 像CSS: 頂部:32% 左:10% // set canvas size dynamically by resize event this.canvas.setWidth(size.width); thi

    0熱度

    1回答

    我有這個畫布在HTML和d & d失去了正常工作: <canvas id="canvas" width="800" height="450" ondragover="onDragOver($event)" ondrop="onDrop($event)"></canvas> ,但是當我想創建fabric.js的實例,使使用該API,D功能會丟失。 this.canvasObj = new fab

    0熱度

    1回答

    我嘗試使用fabric.js框架創建新類。這個類應該由3個簡單對象組成:2個文本和1個矩形。文本對象之一應該按時間更新,例如每秒更新一次。問題是新的值沒有按預期顯示在畫布上,但每次選擇對象時都會更新。這是我的code。任何人都可以解釋我,我應該怎麼做才能讓它按時更新? var canvas = new fabric.Canvas('c'); fabric.Tag = fabric.util.c

    1熱度

    1回答

    我有一個問題globalCompositeOperation。 我的目標是讓藍色元素僅在紅色元素內部顯示,並且根本不應該在紅色矩形外部可見(某種溢出隱藏效果)。另外,紅色和藍色都必須具有轉換能力(兩者均可編輯)。你可以看到,如果我在畫布上添加一個元素(黃色元素),藍色區域在黃色和藍色重疊的區域變得可見。 http://jsfiddle.net/redlive/q4bvu0tb/1/ var can

    0熱度

    1回答

    我試圖使用FabricJS爲它選擇時的任何對象設置動畫。 選擇的對象「收縮」因此,當從中央對小鼠:向下(10px的關閉寬度和10px的關閉高度) 而且對小鼠:最多它返回到原來的大小和狀態。 我不知道我是否需要使用爲此構建的動畫製作的FabricJS。我希望它增長和縮小線性雖然。 現在我的Fiddle幾乎沒有任何東西,我不能沒有錯誤得到足夠多。 有沒有人有這樣或類似的任何例子?我找不到任何有關在鼠標

    0熱度

    1回答

    我有2個矩形。當小矩形移動到較大矩形的外部時,我希望邊界外的小矩形區域不可見。 如果小矩形的一半在裏面,一半在外面。然後只有一半可見,這example這樣工作。 我該如何做到這一點? My JSFiddle (function() { var canvas = this.__canvas = new fabric.Canvas('canvas'); fabric.Object.

    0熱度

    1回答

    我試圖做到這一點,所以無論何時點擊按鈕,畫布上的所有對象都被選中並放入一個組中,以便它們全部被操縱在一起。我發現了一個按我需要的方式對對象進行分組和取消分組的好例子,但它需要用戶選擇他們想要的對象,當我希望畫布上的所有對象被分組/分組時。 ,我發現我是修改例如:http://jsfiddle.net/softvar/NuE78/1/ 我修改例如:http://jsfiddle.net/NuE78/