Непосредственно установить каждую точку в альфа-канале пути на холсте

Question

Допустим, у меня есть холст с материалом на нем, и я хочу вырезать эллипс в его центре, у которого все пиксели имеют альфа 0, чтобы пропустить все позади холста, и учитывая, что ранее область теперь заполненный эллипсом был чем-то другим, и сказал, что по соображениям производительности я не хочу использовать putImageData, как бы я это сделал? И если нет способа, как бы я вырезал эллипс, используя putImageData?

Просто чтобы прояснить: я не хочу рисовать HTML-элементы на холсте, я хочу, чтобы они просто были в HTML позади него.

Answer 1

Ты можешь использовать context.globalCompositeOperation = 'destination-out' после того, как вы нарисуете рамку, чтобы заполнить вырезанные фигуры.

пример: http://jsfiddle.net/rlemon/6nEpc/