2017-02-01 10 views
0

イベントの後にキャンバスに追加するために変数に画像を保存しようとしています。このようなfabric.jsのコールバックなしでUrl from imageを読み込みます。

コードがコンソールに

new fabric.Image.fromURL('http://www.w3schools.com/css/img_fjords.jpg', function (img) 
     { 
      console.log(img); 
     }); 

を働いている私はこのようなものを得る:

klass {filters: Array[0], resizeFilters: Array[0], _element: img.canvas-img, _originalElement: img.canvas-img, width: 560…} 

これは良いです。 しかし、私はこのイメージを格納しようとしているときにこのような変数です。私は(IMG)をCONSOLE.LOGとき、私はこの

f…c.I…e.fromURL {} 

を取得

var img = new fabric.Image.fromURL('http://www.w3schools.com/css/img_fjords.jpg'); 

保存する方法を説明し、私が間違ってやっている何をしてください。

答えて

0

以下のコードを使用してキャンバスに画像を追加することができます。

var imgObj = new Image(); 
imgObj.src = "http://www.w3schools.com/css/img_fjords.jpg"; 
imgObj.onload = function() 
{ 
    var image = new fabric.Image(imgObj); 
    image.set({ 
     angle: 0, 
     padding: 0, 
     originX: "center", 
     originY: "center" 
    }); 
} 

イメージの追加中に他のプロパティも設定できます。

関連する問題