Маскировка элемента div с элементом canvas

Question

Я пытаюсь сделать слайд-шоу, состоящее в основном из элементов div, которые могут быть замаскированы элементом canvas (чтобы он мог иметь форму круга или странную форму, а не квадрат. Это возможно? Я видел много примеровмаскировки изображения, но не всего div или набора div.

Answer 1

Да, конечно, можно замаскировать div. Например, холст может маскировать div следующим образом:

это просто изображение, источник здесь:

http://jsfiddle.net/r58jF/

или белый , который следует отметить, просто создает иллюзию кругового div, и эта иллюзия сильно зависит от того, что находится внутри или позади div

( или что-то более изумительное )

Answer 2

Нельзя использовать визуализацию элементов HTML в качестве источника изображения для холста, и поэтому вы не можете использовать холст для рисования содержимого HTML. Если вы хотите сделать произвольные части div полностью или частично прозрачными, ответ «Нет, вы не можете сделать это с помощью Canvas».