SVG clipPath для вырезания * внешнего * содержимого

Обычно элемент скрывает все, что находится снаружи путь клипа. Чтобы добиться противоположного эффекта - то есть "вырезать" что-то из изображения - я хочу использовать два пути в clipPath и атрибут clip-rule = "evenodd" . По сути, я хочу «искоренить» пути клипа.

Но это не работает. Он показывает область "ORed":

<clipPath clip-rule="evenodd" id="imageclippath" clipPathUnits = "objectBoundingBox">
        <rect clip-rule="evenodd" x="0.3" y="0.3" height="0.6" width="6" />
        <rect clip-rule="evenodd" x="0" y="0" height="0.5" width="0.5" />
    </clipPath>     

 <rect clip-path="url(#imageclippath)" x="0" y="0" height="500" width="500" fill="red"/>

EDIT:

Моя проблема в том, что AFAIK не работает в iOS WebKit.