Я пытаюсь сделать слайд-шоу, состоящее в основном из div, которое может быть замаскировано элементом холста (так, чтобы оно могло быть в круге или странной форме, а не в квадрате. ? возможно, я видел много примеров маскировки изображения, но не всю Диву или коллекцию дивыМаскировка div с элементом холста
Да его, конечно, можно замаскировать дивы например холст может маскировать DIV так:..
Это только изображение, источник:
or white, который следует отметить, дает лишь иллюзию круговой DIV и что иллюзия сильно зависит от того, что находится в или за DIV
Я не думаю, что «чернение над всеми другими областями» аналогично «маскировке». В частности, я подозреваю, что @Adam хочет сделать части содержимого div прозрачными. – Phrogz
Возможно, вы правы, но даже такой эффект создания видимых частей содержимого div прозрачен, так как это просто иллюзия этого эффекта (например, здесь: http://jsfiddle.net/5Y4zL/1 /, а не настоящая маска прозрачности, но выглядит достаточно прозрачной для пользователя), что вполне может удовлетворить его потребности, но это очень зависит от того, что он планирует отображать. Поскольку он этого не предлагает, я думаю, что стоит предложить ему любые варианты, которые он мог бы достичь, чтобы добиться этого эффекта. –
Согласен; Я, конечно, не смог бы уменьшить этот ответ без ответа от OP :) – Phrogz
Вы не можете использовать рендеринг HTML-элементов в качестве источника изображения для холста, и поэтому вы не можете использовать холст для рисования содержимого HTML. Если вы хотите сделать произвольные части div полностью или частично прозрачными, ответ будет «Нет, вы не можете сделать это с помощью Canvas».
Просьба представить более подробную информацию. Что вы подразумеваете под «маскировкой»? – Phrogz