SVG1 HW ฟุตบอล – ณัชนนท์
✨ 027 NATCHANON RUENGSRINARAPORN
<html> <head> <title>SVG </title> <style> body{ background:#666; margin:0em; margin-top:2em; font-family:sans-serif; } svg{ background:#cd5b45; width:90vmin; height:90vmin; display:block; margin:auto; box-shadow:0px 0px 10px #0006; } </style> </head> <body> <svg viewBox="0 0 100 100"> <!--table--> <rect width="120" height="40" x="0" y="70" fill="#edc9af"/> <!--ตู้ปลา--> <rect width="60" height="60" x="20" y="25" stroke="#808080" stroke-width="2" fill="#fd5800"/> <!--น้ำ--> <rect width="60" height="60" x="20" y="25" fill="#87ceeb"/> <!--ฐานตู้ปลา--> <rect width="60" height="5" x="20" y="80" stroke="#808080" stroke-width="2" fill="#808080"/> <!--ทราย--> <rect width="60" height="9" x="20" y="70" fill="#fff8dc"/> <!--สาหร่าย--> <rect width="1" height="4" x="23" y="68" fill="#2e8b57"/> <rect width="1" height="5" x="25" y="67" fill="#2e8b57"/> <rect width="1" height="4" x="27" y="68" fill="#2e8b57"/> <ellipse cx="25.5" cy="73.5" rx="3" ry="1.5" fill="#8b4513" /> <rect width="1" height="1" x="24" y="72" fill="#2e8b57"/> <rect width="1" height="1" x="26" y="72" fill="#2e8b57"/> <!--หิน--> <polygon points=" 76,69 72,67 66,69 68,75 77,75" fill="#696969"/> <!--ปลา1--> <polygon points=" 37,50 42,44 42,56" fill="#c71585"/> <ellipse cx="35" cy="50" rx="6" ry="4" fill="#da70d6" /> <circle cx="32" cy="50" r="1" stroke="white" stroke-width=".4" fill="black"/> <!--ปลา2--> <polygon points=" 67,40 71,45 71,35" fill="#f0e68c"/> <ellipse cx="65" cy="40" rx="4" ry="3" fill="#f4c430" /> <circle cx="63" cy="40" r=".7" stroke="white" stroke-width=".2" fill="black"/> <!--ปลา3--> <polygon points=" 49,55 49,65 53,60" fill="#f08080"/> <ellipse cx="54" cy="60" rx="4" ry="3" fill="#ff4040" /> <circle cx="56" cy="60" r=".7" stroke="white" stroke-width=".2" fill="black"/> <!--หินเล็ก--> <ellipse cx="50" cy="75" rx="2" ry="1" fill="#989898" /> <ellipse cx="68" cy="75" rx="5" ry="2.5" fill="#645452" /> <!--ฟอง1--> <circle cx="27" cy="46" r="0.8" fill="white" /> <circle cx="27" cy="43" r="0.5" fill="white" /> <circle cx="27" cy="40" r="0.25" fill="white" /> <!--ฟอง2--> <circle cx="60" cy="37" r="0.8" fill="white" /> <circle cx="60" cy="34" r="0.5" fill="white" /> <circle cx="60" cy="31" r="0.25" fill="white" /> <!--ฟอง3--> <circle cx="59" cy="56" r="0.8" fill="white" /> <circle cx="59" cy="53" r="0.5" fill="white" /> <circle cx="59" cy="50" r="0.25" fill="white" /> </svg> </body> </html>