Question

我正在尝试在Kinetic JS canvas 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是不可能的。非常不同的技术。

所以你有这样的方式：

不要使用kineticjs。仅适用于DOM图像。
将kineticjs对象转换为图像http://www.html5canvastutorials.com/kineticjs/html5-canvas-shape-caching-with-kineticjs/，然后将图像插入DOM，然后使用imageLens。

Answer 2

动态js对象未插入DOM中。使用id访问对象的正确方法是通过stage对象。

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

Jquery图像镜头 - 动力学JS图像id

2 个答案: