Как правильно построить path в svg?

Question

[GunAlv]

https://codepen.io/GunAlv/pen/JjReNpx

Нужен оверлей на всю страницу с "просветами" для определенных элементов. Сейчас path построен таким образом, чтобы оставить просвет для первого элемента, но хотелось бы добавить то же самое и для второго (одновременно). Подскажите, пожалуйста, как это сделать?

Answer 1

[RAX7]

Comments

[GunAlv]

Спасибо большое!

Answer 2

[Антон]

Зачем такой изврат?

Comments

[GunAlv]

Это нужно для подсветки шагов, скажем, в белый.
Например, вот здесь при подсветке используются хитрый box-shadow (нажмите на Run и наведите на бордер картинки): https://introjs.com/docs/examples/basic/hello-world
А вот тут как раз используется метод с svg: https://shepherdjs.dev/

Для подсветки нескольких элементов за один шаг я не вижу иных решений, кроме svg