Можно ли использовать холст для рисования поверх других элементов на странице?

Question

Может ли тег HTML-холста располагаться поверх другого HTML-содержимого на странице? Например, будет ли что-то из следующего объявления CSS заставить тег canvas делать то, что я ожидаю?

canvas.mycanvas {
  position: absolute;
  background: transparent;
  z-index: 10;
  top: 10px; left: 10px;
}

Answer 1

Это должно работать отлично. Однако нет необходимости устанавливать прозрачный фон.

Наложение холста - вот как работает этот букмарклет

Answer 2

Да, это прекрасно работает в браузерах, поддерживающих холст, и, кроме того, одинаково хорошо работает в IE6 и IE7, используя проект exCanvas, который переводит команды холста на векторный язык Microsoft на основе XML, VML.

Одна вещь, которую я заметил при попытке наложения элементов canvas в разных браузерах, заключается в том, что вы должны быть особенно осторожны с порядком добавления и последующего доступа к любым дочерним DOM-узлам canvas. IE нужно добавить элемент, прежде чем вы сможете работать с ним.

Answer 3

вы пробовали это? это не работает? я бы сказал, что тег canvas будет действовать как любой другой тег и будет размещен соответствующим образом. если вы хотите простой способ протестировать его в Firefox, перейдите сюда http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_canvas