| <!DOCTYPE HTML> |
| |
| <body> |
| <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="400px" > |
| <defs> |
| <g id="patch"> |
| <rect x="0" y="0" width="10" height="40" fill="rgb(255,0,0)"/> |
| <rect x="10" y="0" width="10" height="40" fill="rgb(0,255,0)"/> |
| <rect x="20" y="0" width="10" height="40" fill="rgb(0,0,255)"/> |
| <rect x="30" y="0" width="10" height="40" fill="rgb(127,127,0)"/> |
| </g> |
| <rect x="0" y="0" width="10" height="10" fill="rgb(255,0,0)"/> |
| </defs> |
| <g transform="scale(4 4)"> |
| <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use> |
| <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: difference"></use> |
| </g> |
| </svg> |
| </body> |
