| <!DOCTYPE html> | |
| <svg> | |
| <clipPath id="c1"> | |
| <rect width="100" height="100"/> | |
| </clipPath> | |
| <pattern id="p1" width="1" height="1"> | |
| <rect width="100" height="100" fill="green"/> | |
| <clipPath id="c2" clip-path="url(#c1)"> | |
| <rect width="100" height="100"/> | |
| </clipPath> | |
| </pattern> | |
| <rect width="100" height="100" fill="url(#p1)" clip-path="url(#c1)"/> | |
| </svg> |