如何解決Fabric.js中的圖像

Question

對不起，也許愚蠢的問題。我開始將自己的頭腦放入Fabric.js中，但由於文檔原因，對我來說很難。

請看看下面的代碼：

var canvas = new fabric.Canvas('c'); 
    var iminst = new fabric.Image.fromURL ('./images/1stback.jpg', function(myimage){ 
    myimage.left=0; 
    myimage.top=0; 
    canvas.add(myimage); 
    }); 

    iminst.set('angle', 45); 

的圖像加載和顯示，但我怎麼後來解決這個問題。 我剛剛收到錯誤 「TypeError：'undefined'不是函數（評估'iminst.set（'angle'，45）'）」

Answer 1

您錯過了基本知識。看起來你還沒有經歷Fabric site上的優秀教程。

簡單的代碼來解決您的問題將是：

var canvas = new fabric.Canvas('c'); 
    var iminst; 
    fabric.Image.fromURL ('./images/1stback.jpg', function(myimage){ 
     iminst=myimage; 
     myimage.left=0; 
     myimage.top=0; 
     canvas.add(myimage); 
     canvas.renderAll(); 
     test(); 
    }); 
    function test(){ 
     iminst.set('angle', 45); // you can refer it but not before the callback finished 
    } 

希望它可以幫助，如果你還沒有自己想出答案... GL