Без какой-либо дополнительной библиотеки действительно ли возможно иметь несколько слоев в том же элементе холста?
Таким образом, если я сделаю clearRect на верхнем слое, то он не сотрет нижнюю часть один?
Спасибо.
Нет, однако вы можете наложить несколько элементов
друг на друга и добиться чего-то подобного.
<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
на верхнем слое, все, что находится на нижнем холсте, будет видно сквозь него.