Jquery Image Lens — идентификатор изображения Kinetic JS

Я пытаюсь использовать линзу изображения 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 });

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


image jquery lenses kineticjs
person hncl    schedule 06.06.2013    source источник

Ответы (2)


arrow_upward
0
arrow_downward

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

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

  1. Не используйте кинетические. Работайте только с DOM-образами.
  2. Преобразование объектов kineticjs в изображение http://www.html5canvastutorials.com/kineticjs/html5-canvas-shape-caching-with-kineticjs/ затем вставьте изображение в модель DOM и используйте imageLens.
person lavrton    schedule 14.06.2013

arrow_upward
-1
arrow_downward

кинетические объекты js не вставляются в DOM. Правильный способ доступа к объекту с использованием идентификатора — через объект stage.

var th = stage.get('#thumb');
person Jonas de Herdt    schedule 12.06.2013