2014-01-26 3 views
0

Извините, может быть, глупый вопрос. Я начинаю втаскивать голову в Fabric.js, но мне трудно из-за документации.Как обратиться к изображению в 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:„неопределенными“не является функцией (оценка„iminst.set (“угол„ 45)“)»

ответ

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 
    } 

Надеется, что это помогает, если вы еще не выяснили, ответ сам ... Г.Л.

+0

Thanx, арты. На самом деле я был очень близок. Я пробовал именно ваш код, НО имел неправильное объявление в переменной iminst. – user3238009

+0

это потому, что вы вызываете iminst.set ('angle', 45); прежде чем он будет назначен. Он присваивается только после срабатывания обратного вызова. Я редактировал проблемную строку в коде. – arty

Смежные вопросы