javascript - 使用 Fabric.js 在初始加载后修改 fabric.Image.fromURL

Question

我使用的是 Fabric.js 库，我看过很多关于如何使用 Image.fromURL 从 URL 加载图像的示例。几乎每个示例都使用以下一般设置将图像分配给变量:

var bgnd = new fabric.Image.fromURL(bgndURL, function(oImg){
    oImg.hasBorders = false;
    oImg.hasControls = false;
    // ... Modify other attributes
    canvas.insertAt(oImg,0);
});

我发现图片的属性只能在图片加载完成后在回调函数中修改。有没有办法在以后修改它的属性？我尝试直接更改 bgnd 变量的属性，但它没有做任何事情。

bgnd.set({left: 20, top: 50});
canvas.renderAll();

或

bgnd.rotation = 45;
canvas.renderAll();

他们什么都不做。如果以后无法访问此变量，则将 fabric.Image 对象分配给 bgnd 变量有什么意义？还是我使用不当？

Answer 1

插入图片后使用

canvas.insertAt(oImg,0);

canvas.setActiveObject(oImg);
myImg= canvas.getActiveObject();

你应该可以使用

来改变它

myImg.rotation = 45;

请记住将 myImg 变量创建为全局变量。图像之外的 fromURL 函数 Modify After Load Fiddle