Waddle Dee Group’C P’SSPim
✨ Chinnatad Prommee
<html> <head> <title>Let's Start </title> <style> body{ background:#333; margin:1em; font-family:sans-serif; } svg{ background:#eee; } </style> </head> <body> <svg viewBox="0 0 40 40"> <ellipse cx="20" cy="40" rx="4" ry="5" fill="hsl(53, 85%, 51%)" transform="rotate(-13)" /> <ellipse cx="20" cy="30" rx="4" ry="5" fill="hsl(53, 85%, 51%)" transform="rotate(13)" /> <ellipse cx="20" cy="21" rx="15" ry="14" fill="hsl(27, 100%, 46%)" /> //ขอบ <circle cx="20" cy="21" r="15" fill="hsl(27, 100%, 46%)"></circle> <ellipse cx="36" cy="22" rx="4" ry="3" fill="hsl(27, 100%, 46%)" transform="rotate(40)" transform-origin="30" /> <ellipse cx="20" cy="22" rx="14.4" ry="11" fill="hsl(27, 75%, 74%)" /> //หน้า <ellipse cx="20" cy="21" rx="14" ry="13" fill="hsl(27, 75%, 74%)" /> //หน้า <ellipse cx="20" cy="22" rx="14.5" ry="13" fill="hsl(27, 75%, 74%)" /> //หน้า <ellipse cx="16" cy="18.5" rx="2" ry="4" fill="hsl(27, 75%, 29%)" /> //ตา <ellipse cx="24" cy="18.5" rx="2" ry="4" fill="hsl(27, 75%, 29%)" /> <ellipse cx="12" cy="23" rx="2.4" ry="1.1" fill="hsl(27, 75%, 60%)" /> //เเก้ม <ellipse cx="28" cy="23" rx="2.4" ry="1.1" fill="hsl(27, 75%, 60%)" /> //เเก้ม <rect x="3" y="15" width="2" height="200" fill="hsl(28, 40%, 19%)" transform="rotate(-1.5)"/> <rect x="3" y="15.9" width="2" height="4" fill="hsl(2, 95%, 48%)" transform="rotate(-1.5)"/> <polygon points="4,4 7,12 4.5,17 2,12" style="fill:gray;stroke:black;stroke-width:0.54" /> <line x1="3.9" y1="5" x2="4.15" y2="16.4" style="stroke:hsl(7, 0%, 26%);stroke-width:0.2" transform="rotate(-1.3)"/> <line x1="6.5" y1="12" x2="2.1" y2="12" style="stroke:hsl(7, 0%, 26%);stroke-width:0.2" transform="rotate(-1)"/> <ellipse cx="3" cy="22" rx="2.5" ry="3" fill="hsl(27, 100%, 46%)" /> </svg> <!-- Grid --> <defs> <pattern id="grid" viewBox="0,0,10,10" width="1%" height="1%"> <rect fill="#0001" width="1" height="10" x="1" y="0"/> <rect fill="#0001" width="1" height="10" x="3" y="0"/> <rect fill="#0001" width="1" height="10" x="5" y="0"/> <rect fill="#0001" width="1" height="10" x="7" y="0"/> <rect fill="#0001" width="1" height="10" x="9" y="0"/> <rect fill="#0001" width="10" height="1" x="0" y="1"/> <rect fill="#0001" width="10" height="1" x="0" y="3"/> <rect fill="#0001" width="10" height="1" x="0" y="5"/> <rect fill="#0001" width="10" height="1" x="0" y="7"/> <rect fill="#0001" width="10" height="1" x="0" y="9"/> <path d="M0 0 h10 L9 1 h-8 v8 L0 10 z" fill="#ff05"/> <path d="M10 10 h-10 L1 9 h8 v-8 L10 0 z" fill="#0f05"/> <rect fill="#0002" width="10" height=".1" x="0" y="9.9"/> <rect fill="#0002" width="10" height=".1" x="0" y="0"/> <rect fill="#0002" height="10" width=".1" y="0" x="9.9"/> <rect fill="#0002" height="10" width=".1" y="0" x="0"/> </pattern> </defs> <rect fill="url(#grid)" width="1000" height="1000" x="0" y="0"/> </body> </html>