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

如何在Fabric.js中处理图像

1 个答案: