HTML5キャンバス描画

Question

I、100（幅）を有するが、それは現在のキャンバスをするようにそれらの上に描かれた三角形に配置されたX 6 5

100（高さ）の列に配置されキャンバスと列をxはすべてのキャンバスが重なって表示されます。私は、クリックが、私は完全にあなたの質問を理解していなかったトップキャンバス

Answer 1

EaselJSを使用すると、nextStageプロパティを使用して、CreateJSマウス操作をDOMの下にあるキャンバスに渡すことができます。ここで

// Overlapping Canvases 
<canvas id="canvas1"></canvas> 
<canvas id="canvas2"></canvas> 

// Multiple Stages 
stage1 = new createjs.Stage("canvas1"), 
    stage2 = new createjs.Stage("canvas2"); 

// Mouse events on content in each stage 
stage1child.on("click", handleClick); 
stage2child.on("click", handleClick); 

// Stage 2 is higher in the DOM, so it will receive the mouse events first. 
// Pass them on to the lower canvas/stage 
stage2.nextStage = stage1; 

は詳細です：

• nextStage documentation
• TwoStages demo in GitHub
• TwoStages demo on createjs.com

Answer 2

の透明領域にあるときに基本的なキャンバスにクリックバイパスする方法がある三角形の面積

のクリックを追加したいのですが、もしあなただけの、あなたはこのように、上部の形状のためのマウス操作を無効にする必要があり、形状怒鳴るキャンバスに登録するクリックのためにしたい：

triangleShape.mouseEnabled = false;

ようにすることで、任意のマウスイベントは次のようになりますこの図形では無視され、代わりにオブジェクトに渡されます。