2

kinetic.js を使用してキャンバス内のアンカー ポイントを非表示にし、画像をクリックするたびにアンカーを表示する方法を教えてください。たとえば、アンカーポイントを非表示にできるこのリンクを確認してください。キャンバスをクリックした後にアンカーポイントを非表示にする必要があるという点でアプリケーションを実行しました.no.ofの画像を取り、ドラッグ、ドロップ、サイズ変更して画像として保存できます。アンカーを非表示にしようとしましたが、成功しなかった場合は、事前に感謝します。

4

1 に答える 1

2

これは完全な解決策ではありませんが、ご覧ください: http://jsfiddle.net/n9FLA/1/

やりたいことは、イベント ハンドラーをアタッチして、グループからアンカー ポイントを追加または削除することです。提供したリンクを見て、次のような変更を加える必要があります。

    yodaGroup.on('mouseover', function(){
         addAnchor(yodaGroup, yodaImg.getX(), yodaImg.getY(), 'topLeft');
         addAnchor(yodaGroup, yodaImg.getX()+yodaImg.getWidth(), yodaImg.getY(), 'topRight');
         addAnchor(yodaGroup, yodaImg.getX()+yodaImg.getWidth(), yodaImg.getY()+yodaImg.getHeight(), 'bottomRight');
         addAnchor(yodaGroup, yodaImg.getX(), yodaImg.getY()+yodaImg.getHeight(), 'bottomLeft');
         layer.draw();
    });
    yodaGroup.on('mouseout', function(){
        var yodaKids = yodaGroup.getChildren();
        for(var i=1; i<yodaKids.length; i++)
              yodaKids[i].hide(); // .remove() would also work, or .destroy()
        layer.draw();
    });

ロジックを構築し、必要なイベントを選択する必要がありますが、この方法で実行できます。

于 2013-02-12T14:46:41.610 に答える