SVG 1 Sec B (Branch 17627) Jeerawat Maiwai (Copy 1..
✨ JEERAWAT MAIWAI
<html> <head> <title>SVG </title> <style> body{ background:#666; margin:0em; margin-top:2em; font-family:sans-serif; } svg{ background:white; width:90vmin; height:90vmin; display:block; margin:auto; box-shadow:1.5em 1em 0.3em 0.5em #0007; } </style> </head> <body> <svg viewBox="0 0 100 100"> <!-- <circle cx="100" cy="100" r="100" fill="red"></circle> --> <!-- <rect x="40" y="10" width="10" height="10"/> --> <!-- <rect x="10" y="10" width="10" height="10"/> --> <!-- <rect x="10" y="50" width="10" height="10"/> --> <!-- <rect x="80" y="70" width="10" height="10"/> --> <polygon points="30,10 10,10 10,30 50,50" fill="red"stroke="red" stroke-width="0.1" /> <polygon points=" 30,10 70,10 50,50" fill="orange"stroke="orange" stroke-width="0.1" /> <polygon points=" 70,10 90,10 90,30 50,50" fill="yellow"stroke="yellow" stroke-width="0.1" /> <polygon points=" 90,30 90,70 50,50" fill="green"stroke="green" stroke-width="0.1" /> <polygon points="70,90 90,90 90,70 50,50" fill="cyan"stroke="cyan" stroke-width="0.1" /> <polygon points=" 30,90 70,90 50,50" fill="blue"stroke="blue" stroke-width="0.1" /> <polygon points=" 10,70 10,90 30,90 50,50" fill="Orchid"stroke="Orchid" stroke-width="0.1" /> <polygon points=" 10,30 10,70 50,50" fill="purple"stroke="purple" stroke-width="0.1" /> </svg> </body> </html>