| <svg id="svg" width="400" height="400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| <defs> |
| <mask id="mask"> |
| <rect width="25%" height="25%" fill="white"/> |
| </mask> |
| |
| <clipPath id="clip"> |
| <rect x="27%" width="25%" height="25%"/> |
| </clipPath> |
| |
| <pattern id="pattern" patternUnits="userSpaceOnUse" x="0" y="0" width="800" height="800"> |
| <rect x="54%" width="25%" height="25%" fill="green"/> |
| </pattern> |
| </defs> |
| |
| <rect width="25%" height="25%" fill="red"/> |
| <rect width="800" height="800" fill="green" mask="url(#mask)"/> |
| |
| <rect x="27%" width="25%" height="25%" fill="red"/> |
| <rect width="800" height="800" fill="green" clip-path="url(#clip)"/> |
| |
| <rect x="54%" width="25%" height="25%" fill="red"/> |
| <rect width="800" height="800" fill="url(#pattern)"/> |
| </svg> |
| |