SVG 1 Sec C win-wiwat
✨ Wiwat Liangkobkit
<html> <head> <title>SVG </title> <style> body{ margin:0em; margin-top:2em; font-family:sans-serif; } svg{ background:#666; width:90vmin; height:90vmin; display:block; margin:auto; box-shadow:0px 0px 10px #0006; } </style> </head> <body> <svg viewBox="0 0 100 100"> <line x1="10" y1="10" x2="90" y2="90" stroke="purple" stroke-width="5"/> <line x1="30" y1="30" x2="20" y2="20" stroke="cyan" stroke-width="5"/> <line x1="50" y1="50" x2="30" y2="30" stroke="blue" stroke-width="5"/> <line x1="50" y1="50" x2="40" y2="40" stroke="green" stroke-width="5"/> <line x1="50" y1="50" x2="90" y2="90" stroke="black" stroke-width="5"/> <line x1="50" y1="50" x2="80" y2="80" stroke="red" stroke-width="5"/> <line x1="50" y1="50" x2="70" y2="70" stroke="orange" stroke-width="5"/> <line x1="50" y1="50" x2="60" y2="60" stroke="yellow" stroke-width="5"/> <rect width="10" height="10" x="0" y="10" fill="purple" /> <rect width="10" height="10" x="0" y="20" fill="cyan" /> <rect width="10" height="10" x="0" y="30" fill="blue" /> <rect width="10" height="10" x="0" y="40" fill="green" /> <rect width="10" height="10" x="0" y="50" fill="yellow" /> <rect width="10" height="10" x="0" y="60" fill="orange" /> <rect width="10" height="10" x="0" y="70" fill="red" /> <rect width="10" height="10" x="0" y="80" fill="black" /> <rect width="10" height="10" x="90" y="80" fill="purple" /> <rect width="10" height="10" x="90" y="70" fill="cyan" /> <rect width="10" height="10" x="90" y="60" fill="blue" /> <rect width="10" height="10" x="90" y="50" fill="green" /> <rect width="10" height="10" x="90" y="40" fill="yellow" /> <rect width="10" height="10" x="90" y="30" fill="orange" /> <rect width="10" height="10" x="90" y="20" fill="red" /> <rect width="10" height="10" x="90" y="10" fill="black" /> </svg> </body> </html>