KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
Normally, the <clipPath> element hides everything that is outside the clip path. To achieve the opposite effect - that is to "cut out" something from the image - i want to use two paths in the clipPath and the clip-rule="evenodd" attribute. Basically, I want to "xor" the clip paths. But it doesn't work. It shows the region "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: My problem is that AFAIK <mask> doesn't work in iOS WebKit.
Tags (comma-separated)
Save Edits
Cancel