Мне нужно, чтобы можно было накладывать изображение в холст ... как можно вставить изображение между двумя или заказать изображение, больше похоже на слой в фотошопе ... сверху или ниже. На самом деле, я alredy рисую много изображений, мне нужно иметь возможность вставить один между ними или просто использовать манекен и изменить его позже, я не знаюКак вставить изображение между слоями в html5 canvas
Каков способ сделать это?
Самый простой способ сделать это - просто соединить все элементы внутри родительского контейнера и настроить свойство CSS z-index каждого слоя.
Чем выше значение z-index, тем ближе слой к вершине стека. Элементы с более низкими значениями z-index препятствуют элементам с более высокими значениями.
Обратите внимание, что вам, вероятно, придется установить position: absolute; на каждый слой в контейнере, а затем выровнять их, скажем, в верхнем левом углу родительского элемента. В противном случае они не будут перекрывать друг друга.
В качестве альтернативы вы можете управлять слоями на основе их положения в дереве DOM. Чем позже элемент определен в DOM, тем ближе он будет к вершине стека слоев (конечно, свойства CSS). Таким образом, теоретически можно использовать insertBefore() или домотканую insertAfter(), чтобы разместить слои в нужном месте в DOM и избегать манипуляций z-index.