JQuery Image Lens - Kinetic JS image id

Question

Я пытаюсь использовать объектив изображения jquery на холсте Kinetic JS http://jsfiddle.net/user373721/7f8qM/15/. Проблема у меня есть, как найти идентификатор изображения в холст, я попробовал:

myImage.onload = function() { 
      var yoda = new Kinetic.Image({ 
       x: 0, 
       y: 0, 
       image: myImage, 
       width: 400, 
       height: 400, 
       id: 'thumb' 
      }); 
      layer.add(yoda); 
      layer.draw(); 
     }; 
     myImage.src = 'http://www.html5canvastutorials.com/demos/assets/yoda.jpg'; 
     $('#thumb').imageLens({ lensSize: 200 }); 

не везло, я был бы признателен за ваши предложения, заранее спасибо.

Answer 1

Невозможно использовать kineticjs и imageLens, как вы пытаетесь. Очень разные методы.

Так у вас есть такие способы:

1. Не используйте kineticjs. Работайте только с изображениями DOM.
2. Конвертировать объекты kineticjs в изображение http://www.html5canvastutorials.com/kineticjs/html5-canvas-shape-caching-with-kineticjs/ затем вставить изображение в DOM, а затем использовать imageLens.

Answer 2

Кинетические объекты js не вставлены в DOM. Правильный способ доступа к объекту с использованием идентификатора - через объект сцены.

var th = stage.get('#thumb');