| <!DOCTYPE html> | |
| <html> | |
| <style> | |
| body { overflow: hidden; margin: 0px } | |
| </style> | |
| <!-- The blue sector of the image <pattern> should be at the 12 o'clock. --> | |
| <body> | |
| <svg width="800px" height="400px"> | |
| <pattern id="pattern" patternUnits="userSpaceOnUse" width="400" height="400"> | |
| <image xlink:href="resources/red-at-12-oclock-with-color-profile.jpg" width="400" height="400"/> | |
| </pattern> | |
| <rect width="800" height="400" style="fill: url(#pattern)"/> | |
| </svg> | |
| </body> | |
| </html> |