1

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 });

運が悪かったので、ご提案いただければ幸いです。よろしくお願いします。

4

2 に答える 2

0

あなたがしようとしているように、kineticjsとimageLensを使用することはできません。非常に異なるテクニック。

したがって、次のような方法があります。

  1. kineticjs を使用しないでください。DOM イメージのみを操作します。
  2. kineticjs オブジェクトを画像http://www.html5canvastutorials.com/kineticjs/html5-canvas-shape-caching-with-kineticjs/に変換し、画像を DOM に挿入してから imageLens を使用します。
于 2013-06-14T04:07:35.027 に答える
-1

キネティック js オブジェクトは DOM に挿入されません。ID を使用してオブジェクトにアクセスする正しい方法は、ステージ オブジェクトを使用することです。

var th = stage.get('#thumb');
于 2013-06-12T07:56:07.480 に答える