2016-06-24 8 views
0

Ich habe Schuh-Website, die Schichten haben wird geladen Bild als Leinwand-Typ. Ich brauche eine aktive Layer-ID beim Klicken auf die Leinwand. Ich habe es mit folgendem Code versucht. aber ich erhalte derzeit keine ausgewählte Layer-ID. wie man es bekommt.Wie bekomme ich das ausgewählte Objekt onclick of canvas?

function mouseClick(event){ 
    // var pointer = canvas.getPointer(event.e); 
// console.log(pointer.x); 
// console.log(pointer.y); 
    //console.log(ob.get('componentId')); 
var curSelectedObjects = canvas.getActiveObject('src'); 
console.log(curSelectedObjects); 
console.log(canvas.getActiveObject().get('type')); 

//canvas.forEachObject(function (ob) { 

// var curSelectedObjects =    canvas.getActiveObject(ob.get('componentName')); 
    //console.log(curSelectedObjects); 
    //  
    //log('Given Position - ' + ob.get('position') + '; ' + 'Assigned  Position - ' + canvas.getObjects().indexOf(ob)); 
    //positionLog(ob.get('componentName') + ' - ' + ob.get('degree') +' : ' + ob.get('position') + '; ' + 'Assigned Position - ' + canvas.getObjects().indexOf(ob)); 
    //log(ob); 
    // }); 

     // canvas.forEachObject(function (ob) { 
//   if (ob.get('degree') == angle) { 
    //    console.log(ob.get('componentId')); 
//    // ob.opacity = 0.3; 
//    //if (ob.get('componentId') == 'C_'+cId) { 
////     ob.opacity = 1; 
    ////    } 
//   } 
//  }); 
    } 
+0

wo registrieren Sie das Ereignis? Kannst du eine Geige mit der Situation posten? klickst du auf Objekte oder Außenobjekte? – AndreaBogazzi

+0

Klicken Sie auf innerhalb des Objekts – Parker

Antwort

0
canvas.on('mouse:down', function(e) { 

    if (e.target 
+0

Können Sie das ein bisschen weiter erklären, um es in eine sinnvolle Antwort zu verwandeln? – scotthenninger

+0

subscribe to Stoff Leinwand Mouse-Down-Ereignis. Es wird auf das Fabric-Objekt als Ziel geklickt, wenn – PeanutPower

+0

aussieht, als ob OP einen eigenen Click-Event-Handler verwendet und dann versucht, Objekte zu durchlaufen, die nach dem ausgewählten Status suchen. dieser Ansatz ist nicht notwendig mit über – PeanutPower