html5キャンバスのレイヤー間に画像を挿入するには

Question

キャンバスに画像をレイヤーできるようにする必要があります... 2つの画像の間に画像を挿入する方法や、画像を注文する方法、以下である。実際には、私はalredy多くの画像を描画する、私はそれらの間に挿入することができる必要があるか、またはちょうどダミーを使用して後でそれを変更する、私は知らない

それを行う方法は何ですか？

Answer 1

これを行う最も簡単な方法は、すべての要素を親コンテナ内にスタックし、各層のz-index CSSプロパティを調整することです。

z-indexが高いほど、レイヤーがスタックの上部に近くなります。 z-indexの値が小さい要素は、より高い値の要素によって妨げられます。

コンテナ内の各レイヤーにposition: absolute;を設定してから、親要素の左上隅に配置する必要があります。さもなければ、彼らは互いに重なり合わないでしょう。

また、DOMツリー内の位置に基づいてレイヤーを管理することもできます。後で要素がDOMに定義されると、レイヤースタックの最上位に近づくようになります（CSSプロパティはもちろんのこと、脇に）。だから理論的にはinsertBefore()またはhomespun insertAfter()を使用してDOM内の必要な場所にレイヤーを配置し、z-indexの操作を避けることができます。