如何在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);  
  });  
})();  

How to get targeted element's attribute value in fabric.js. Here I get type of target element but I want attribute value(source of image) for that image element for identify which image element selected in this canvas.

Answer 1

Here is a fiddle with the solution: https://jsfiddle.net/jimedelstein/yb9yf0vr/

Simply call e.target.getSrc()

You may want to do a type check first (and you already know how to do that per your existing code.

Hope that is what you were looking for!

Answer 2

you can as well try this :

 //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

Hope helps, good luck.