В основном, как говорит мой заголовок, я хочу "вырезать дыру" в прямоугольном элементе.
У меня есть два прямоугольных элемента, один поверх другого. На нижней стороне есть цвет заливки белого цвета, а один сверху имеет цвет заливки серого.
То, что я хочу сделать, - вырезать треугольник из верхнего прямоугольного элемента, чтобы ниже отображался прямоугольный элемент.
Этот элемент svg будет использоваться в качестве звуковой кнопки для медиаплеера на странице. Другими словами, вы сможете щелкнуть мышью влево/вправо (или перетащить), а изменение уровня звука будет представлено изменением ширины элемента rect внизу, которое отображается через вырезанный треугольник верхнего прямоугольного элемента.
Надеюсь, что это не слишком смущает.: P
Вот быстрый макет того, как он должен выглядеть: http://forboden.com/coding/s1.png
Вот мой код: http://forboden.com/coding/svgClipTest.html
Где я здесь не так?