如何在fabric.js中获取目标元素的属性值

Question

(function() { 
    var canvas = this.__canvas = new fabric.Canvas('c'); 
    fabric.Object.prototype.transparentCorners = false;     
    canvas.on({   
    'object:selected': function(e) { 
    e.target.opacity = 0.5; 
    //find which object is selected 
    console.log(e.target); 
    console.log(e.target.get('type')); 
    //How to get targeted element attribute value 
    //??????????????   
    },  
    'object:modified': function(e) {  
    e.target.opacity = 1; 
    } 
}); 
fabric.Image.fromURL('img/shoes-hills.png', function(oImg1) { 
// scale image down, and flip it, before adding it onto canvas  
    oImg1.perPixelTargetFind = true;   
    canvas.add(oImg1); 
    }); 
})(); 

如何在fabric.js中获取目标元素的属性值。 这里我得到了目标元素的类型，但是我想要该图像元素的属性值（图像源）来标识在此画布中选择的图像元素。

Answer 1

这里是解决一个小提琴：https://jsfiddle.net/jimedelstein/yb9yf0vr/

直接让e.target.getSrc()

您可能需要首先做一个类型检查（和你已经知道该怎么做每现有的代码

。 ！

希望这就是你要找的

Answer 2

，你可以也试试这个：

//instead of e.target you can get the selected object with findTarget() 
var targetObj= this.findTarget(); 

//now that we have the selected object you can get the src property of the _element property. 


    console.log(targetObj._element.src);//1st way 
    console.log(targetObj._element.currentSrc);//2nd way 
    console.log(targetObj.getSrc());//3rd way 

希望有所帮助，祝你好运。