0

キャンバス内にスクロールビュー コンテナーを作成しようとしています。キャンバス全体をスクロールしたくないことに注意してください。サブビュー、つまりメニューのみがキャンバス上をスクロールします。

canvas.clip()メソッドを使用してマスクを作成し、スクロール位置に基づいて基になるエンティティを移動することを考えましたが、このclip()メソッドはキャンバスの他のすべてのエンティティを非表示にします。クリップされるものを選択する方法はありますか?

これについてどうすればいいですか？出来ますか？

4

1 に答える 1

1

はい。元のキャンバスの上に2 番目のキャンバスを重ね、CSS z-index を使用してどちらが上にあるかを並べ替えます。次に、スクロール ビュー キャンバスで clip メソッドを使用します。

<div id="container">
    <canvas id="canvas"         width="800" height="500"></canvas>
    <canvas id="scroll-view"    width="800" height="500"></canvas>
</div>

div
{
    position:relative;
    width:800px;
    height:500px;
}
canvas
{
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:800px;
    height:500px;
}
#canvas
{
    z-index:1;
}
#scroll-view
{
    z-index:2;
}
于 2013-01-16T14:01:30.283 に答える