html5 - элемент холста - уровни Multiple

Без какой-либо дополнительной библиотеки действительно ли возможно иметь несколько слоев в том же элементе холста?

Таким образом, если я сделаю clearRect на верхнем слое, то он не сотрет нижнюю часть один?

Спасибо.

166
задан Gregoire 9 June 2010 в 18:17
поделиться

1 ответ

Нет, однако вы можете наложить несколько элементов друг на друга и добиться чего-то подобного.

<div style="position: relative;">
 <canvas id="layer1" width="100" height="100" 
   style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas>
 <canvas id="layer2" width="100" height="100" 
   style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas>
</div>

Нарисуйте первый слой на холсте layer1 , а второй слой на холсте layer2 . Затем, когда вы clearRect на верхнем слое, все, что находится на нижнем холсте, будет видно сквозь него.

252
ответ дан 23 November 2019 в 21:03
поделиться
Другие вопросы по тегам:

Похожие вопросы: