Konva получить ID изображения из события нажатия

Question

Я пытаюсь получить ID изображения я щелкая на, используя следующий код:

theImg.on('click', function() { 
    alert($(this).attr('id')); //Should show 'IDofImg' 
}); 

Код Konva это:

var theImg = new Konva.Image({ 
    image: imageObj, 
    x: stage.getWidth()/2 - 200/2, 
    y: stage.getHeight()/2 - 137/2, 
    opacity: 0.8, 
    shadowColor: 'black', 
    shadowBlur: 5, 
    id: 'IDofImg', 
    shadowOffset: { 
     x: 0, 
     y: 0 
    }, 
    startScale: 1, 
    shadowOpacity: 0.6, 
    draggable: true 
}); 

Как вы видите, у меня есть id: 'IDofImg', при создании изображения, но, похоже, он не выводит необходимый идентификатор.

В настоящее время он выводит это при нажатии на:

function() { 
    // setting 
    if (arguments.length) { 
     this[setter](arguments[0]); 
     return this; 
    } 
    // getting 
    else { 
     return this[getter](); 
    } 
} 

Что мне не хватает?

Fiddle here

Answer 1

Вы должны использовать this.id(), потому что это Konva объект Image, а не html/javascript объект.

Смотрите также документы: http://konvajs.github.io/api/Konva.Node.html#id