fabricjs

    1熱度

    1回答

    在我的應用程序中,我有一些預加載的SVG,我克隆它們並用不同的值更新文本元素。原始SVG呈現正確並且文本左對齊。更新後,新文本被錯誤放置。 path.text = randomString.substr(0, randomInt) + randomString.substr(0,randomInt); 例小提琴:https://jsfiddle.net/1t4qkzpc/1/ 我怎麼能更新這些

    0熱度

    2回答

    我正在爲我的web應用程序使用fabric js。爲了將HTML5畫布保存爲使用fabric js的圖像,我發現下面的代碼可以在Chrome和Firefox瀏覽器中使用。但是當我在微軟邊緣運行相同的代碼時,瀏覽器只是打開一個空白的新窗口而沒有任何圖像。 $(".save").click(function() { canvas.deactivateAll().renderAll();

    0熱度

    1回答

    Here is how I created a Rectangular clip將圖像拖放到特定部分,現在將其擴展一點。增加了縮放功能。 下面是我如何創建一個剪輯。 function clipByName(ctx) { this.setCoords(); var clipRect = findByClipName(this.clipName); var scaleXT

    3熱度

    1回答

    我希望你能幫我解決我遇到的這個問題。在我的應用程序中,我使用globalCompositionOperation設置爲'source-atop'來將圖像和svg對象隱藏到基礎對象。基礎對象是添加到畫布上的第一個對象,所有其他對象都應該剪切。 問題顯示,當我添加一個svg到畫布,並將其屬性objectCaching設置爲false。然後該對象不會剪裁到基礎對象,並且設置爲'source-atop'的

    1熱度

    1回答

    我可能在畫布上有很多不同的形狀對象,而我的商店並從db中將它們從畫布 中取回。 function getJsonF(){ //////////////////////////////////// JSgetjson var fromSelectProject=document.getElementById("selectProject").value; $.ajax({

    1熱度

    1回答

    我有一個定製的fabric.js綁定與觸摸支持。現在我可以用捏縮放手勢縮放任何物體。問題是變焦真的非常敏感,我幾乎不會移動手指,而且物體的比例非常大。 我無法在有關如何更改靈敏度的文檔中找到很多信息。我知道Event.js用於處理fabric.js內的觸摸事件。有什麼辦法可以改變這種敏感性嗎?

    1熱度

    2回答

    我通過drawImage方法在畫布上繪製圖像,它繪製圖像,但是當任何事件被調用時變爲空白並消失。我嘗試了不同的方式,但沒有成功。我想在畫布上顯示圖像並且不會消失,因爲我將此畫布convas到dataUrl,它們變成空白。 My working Link 請人誰知道請指導我在哪裏,我錯了。 以下是我的代碼。 <!DOCTYPE html> <html> <head> <title>

    0熱度

    1回答

    我有一張Fabric.js畫布,可以放大圖像,我希望保存全尺寸圖像而不必調整畫布大小。 因此,我在toDataURL方法中使用了乘數參數。 當我將乘數值設置爲1時,它按預期工作,但是任何其他值都會返回正確大小的圖像,但是爲空。 我的代碼是這樣的: fabric.Image.fromURL('drawing.png', function (img) { canvas.add(img);

    0熱度

    1回答

    我想將畫布上的對象和其他對象下的圖像保存到數據庫中。我可以做到這一點在畫布上的所有對象: var jsonToPHP= JSON.stringify(canvas.toObject(['id','name','selectable'])); 但是,當我想使用2個json變量;一個僅用於背景圖像: 和其他用於畫布上的其他對象....然後我很麻煩。 我在DB中有兩列。我想發送一個和所有其他對象的背

    0熱度

    1回答

    我得到了一些問題,下面的代碼: var canvas = new fabric.Canvas('c'); canvas.selection = false; fabric.loadSVGFromURL('./svg/1.svg', function (objects) { canvas.add.apply(canvas, objects); canvas.re