jquery - Jquery Image Lens - Kinetic JS 图像 id

Question

我正在尝试在 Kinetic JS 画布http://jsfiddle.net/user373721/7f8qM/15/上使用 jquery 图像镜头。我面临的挑战是如何在画布中找到图像的 id，我尝试过：

  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. 不要使用动力学。仅使用 DOM 图像。
2. 将 kineticjs 对象转换为图像http://www.html5canvastutorials.com/kineticjs/html5-canvas-shape-caching-with-kineticjs/然后将图像插入到 DOM 中，然后使用 imageLens。

Answer 2

动力学 js 对象不会插入到 DOM 中。使用 id 访问对象的正确方法是通过舞台对象。

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