Jquery图像镜头 – 动力学JS图像ID

我想在Kinetic JScanvashttp://jsfiddle.net/user373721/7f8qM/15/上使用jquery图像镜头。 我遇到的挑战是如何在canvas中找到图像的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://sofzh.miximages.com/jquery/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中。 使用id访问对象的正确方法是通过stage对象。

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