SVG Cut File Svg Mask Alternative SVG Design

SVG Cut File Svg Mask Alternative SVG Design. So i played around with raphael js. The winner is svg : Is there any way to use svg as a mask. I need to create a logo animation and i've been searching myself senseless. I thought html5's svg would do this. Svg masks become more interesting as the fill of the mask becomes more interesting. I've discovered that i cannot define a mask in raphael which rules using that out. Maybe hard code it to group somehow? I made this page to collect different types of masks and to test how browsers support them. What i want is akin to having a picture frame, masking an underlying picture. The result is a circle that's clipped outside of the path and inside the path is masked with a medium gray fill of #555, resulting in a lighter value than the original. What would be a similar way to do this than using raphael? ) demos were made without fallbacks I made this page to collect different types of masks and to test how browsers support them. Svg masks or some alternative?