0

私が解決する必要がある現在のシナリオは、マウスホイールで画像を回転させることです。

KineticJS にはマウスホイール イベント用の特定のフックがないため (とにかく標準的なものではないため)、jquery-mousewheel を使用して周囲のキャンバスにフックし、KineticJS を使用してマウスオーバー時に回転が必要な画像を保存しました。 .

マウスホイール イベントでは、KineticJS が画像を回転するようにマークしているかどうかを確認し、画像を回転させます。

重なり合った画像を考慮していないため（おそらく「アクティブな」形状のマーキングをスタックの一番上に優先させることができますが）、またはこれが偶数である場合、これが状況に最適な解決策であるかどうかはわかりません最も効率的なソリューション。

本質的に：各形状について -

 this.image.on("mouseover", function() { Engine.scrolling = _this.image;})
 this.image.on("mouseout",  function() { Engine.scrolling = null;})

外側の容器に -

$("#DraftingBoard").mousewheel(function(event, delta, deltaX, deltaY){
        if(Engine.scrolling != null)
        {
            Engine.scrolling.rotateDeg(90);
            Engine.scrolling.getLayer().draw();
            event.preventDefault();
        }
4

0 に答える 0