Gruop C P’Arin
✨ นางสาวสุพิชญา ทําสุนา
<html> <head> <title>SVG Group C</title> <style> body{ background:#eee; margin:1em; font-family:sans-serif; } svg{ background:#FF9966; } </style> </head> <body> <h1>เต็ม-กันตวิชญ์</h1> <svg viewbox="0 0 100 100"> <polyline points="28,30 30,35 32,32 33,25 34,30 35,33 37,30 36.5,25 41,33 42,30 40,25 45,30 45,34 48,28 48,46 30,46 28,45 28, 30" fill="#009966 " stroke="black" stroke-width="0.5" /> <circle cx="32" cy="38" r="0.5 "fill="black" /> <circle cx="42" cy="38" r="0.5 "fill="black" /> <line x1="33" y1="41" x2="41" y2="41" stroke="black" stroke-width="0.5" /> <polyline points="42,46 47,53" fill="#009966 " stroke="black" stroke-width="0.5" /> <polyline points="35,46 38,53" fill="#009966 " stroke="black" stroke-width="0.5" /> </svg> <h1>เก๋-รวิพร</h1> <svg viewBox="0 0 40 40"> <svg x=5 y=5> <ellipse x=9 y=34 cx="15" cy="28" rx="12" ry=3 fill="#66ff66" /> <ellipse cx="15" cy="15" rx="12" ry="15" fill=#66ff66 /> <rect x=3 y=14 fill="#66ff66" width="24" height="15" rx=1 ry=1 /> </svg> <svg> <circle cx="15" cy="14" fill="#280000" r="0.8"></circle> <circle cx="25" cy="14" fill="#280000" r="0.8"></circle> </svg> <svg x=5 y=5> <ellipse cx="15" cy="11" rx="4" ry="2" fill="Yellow" /> <line x1="11" y1="11" x2="19" y2="11" stroke="#cc9900" stroke-width="0.3"/> </svg> <svg x=5 y=5> <ellipse cx="15" cy="22" rx="8" ry="8" fill="#ffffcc" /> </svg> <svg x=5 y=5> <ellipse cx="9" cy="30.5" rx="3" ry="1" fill="#cc9900" /> <ellipse cx="21" cy="30.5" rx="3" ry="1" fill="#cc9900" /> </svg> <svg> <line x1=12 y1=12 x2=18 y2=12 stroke="#280000" stroke-width="0.6" /> <animate attributeName="y" values="-3;-2;0;-2;-3;-3;" dur="2s" repeatCount="indefinite" /> </svg> <svg> <line x1=22 y1=12 x2=28 y2=12 stroke="#280000" stroke-width="0.6" /> <animate attributeName="y" values="0;-2;-3;-2;0;" dur="2s" repeatCount="indefinite" /> </svg> <svg> <ellipse transform="rotate(-30)" cx="-3" cy="23" rx="5" ry="1.5" fill="#66ff66" /> <ellipse transform="rotate(30)"cx="37.5" cy="3" rx="5" ry="1.5" fill="#66ff66" /> </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"/> --> </svg> <h1>กีต้าร์-สุพิชญา</h1> <svg viewBox="0 0 50 50"> <ellipse x=10 y=30 cx="25" cy="25" rx="13" ry=15 fill="#99FFFF" /> <rect x=12 y=26 width="26" height="15" fill="#99FFFF" /> <ellipse x=10 y=20 cx="25" cy="41" rx="13" ry=5 fill="#99FFFF" /> <circle cx="20" cy="20" r="1" fill="black" /> <circle cx="30" cy="20" r="1" fill="black" /> <line x1="15" y1="22" x2="16" y2="24" style="stroke:pink;stroke-width:.2" /> <line x1="16" y1="22" x2="17" y2="24" style="stroke:pink;stroke-width:.2" /> <line x1="17" y1="22" x2="18" y2="24" style="stroke:pink;stroke-width:.2" /> <line x1="32" y1="22" x2="33" y2="24" style="stroke:pink;stroke-width:.2" /> <line x1="33" y1="22" x2="34" y2="24" style="stroke:pink;stroke-width:.2" /> <line x1="34" y1="22" x2="35" y2="24" style="stroke:pink;stroke-width:.2" /> <polygon points="20,25 30,25 25,23" fill="pink"/> <circle cx="25" cy="38" r="8" fill="white" /> <ellipse transform="rotate(-30)" x=20 y=30 cx="0" cy="40" rx="2" ry=3 fill="#99FFFF" /> <ellipse transform="rotate(30)" x=20 y=30 cx="44" cy="15" rx="2" ry=3 fill="#99FFFF" /> <ellipse x=20 y=30 cx="18" cy="44" rx="3" ry=2 fill="#99FFFF" /> <ellipse x=20 y=30 cx="31" cy="44" rx="3" ry=2 fill="#99FFFF" /> </svg> <h1>แม็ค-ธนิต</h1> <svg viewbox="0 0 50 50"> <ellipse x=20 y=15 cx="20" cy="20" rx="11" ry=11 fill="#e0e497" stroke="#6f632a" stroke-width="0.2" /> <ellipse cx=20 cy="27.5" fill="#fcfef9" rx="5" ry="3.7" stroke="#6f632a" stroke-width="0.2"></ellipse> <circle cx=15.7 cy="29" fill="#f3de8c" r="1" stroke="#6f632a" stroke-width="0.2"></circle> <circle cx=24.4 cy="29" fill="#f3de8c" r="1" stroke="#6f632a" stroke-width="0.2"></circle> <ellipse cx=20 cy="17.5" fill="#fce399" rx="2.3" ry="1.7" stroke="#6f632a" stroke-width="0.2"></ellipse> <line x1="17.6" y1="17.5" x2="22.4" y2="17.5" stroke="#6f632a" stroke-width="0.2" /> <ellipse cx=17 cy="14" fill="#5f6027" rx="0.7" ry="0.4"></ellipse> <ellipse cx=22.7 cy="14" fill="#5f6027" rx="0.7" ry="0.4"></ellipse> <svg> </svg> </svg> <h1>มิว-โชติพัฒน์</h1> <svg viewbox="0 0 50 50"> <ellipse x=20 y=14 cx="20" cy="20" rx="13" ry=16 fill="#ff7f54" /> <circle cx=12 cy="10" fill="#ff7f54" r="3.5"></circle> <circle cx=16 cy="6.8" fill="#ff7f54" r="3.5"></circle> <circle cx=21 cy="6" fill="#ff7f54" r="3.5"></circle> <circle cx=25 cy="6.8" fill="#ff7f54" r="3.5"></circle> <circle cx=28 cy="10" fill="#ff7f54" r="3.5"></circle> <circle cx=31 cy="14" fill="#ff7f54" r="3.5"></circle> <circle cx=31 cy="20" fill="#ff7f54" r="3.5"></circle> <circle cx=31 cy="25" fill="#ff7f54" r="3.5"></circle> <circle cx=31 cy="14" fill="#ff7f54" r="3.5"></circle> <circle cx=10 cy="15" fill="#ff7f54" r="3.5"></circle> <circle cx=9 cy="20" fill="#ff7f54" r="3.5"></circle> <circle cx=11.5 cy="30" fill="#ff7f54" r="3.5"></circle> <circle cx=28 cy="30" fill="#ff7f54" r="3.5"></circle> <circle cx=10 cy="25" fill="#ff7f54" r="4"></circle> <circle cx=10 cy="25" fill="#ff7f54" r="4"></circle> <circle cx=10 cy="25" fill="#ff7f54" r="4"></circle> <circle cx=10 cy="25" fill="#ff7f54" r="4"></circle> <circle cx="26" cy="18" fill="#ff7f54" r="5"></circle> <ellipse cx="15" cy="36" rx="3" ry=5 fill="#ff7f54" /> <ellipse cx="25" cy="36" rx="3" ry=5 fill="#ff7f54" /> <circle cx="15" cy="12" fill="black" r="1"></circle> <circle cx="25" cy="12" fill="black" r="1"></circle> <svg> <ellipse cx="6" cy="20" rx="5" ry=3 fill="#ff7f54"stroke="#6f632a" stroke-width="0.1" /> <ellipse cx="35" cy="20" rx="5" ry=3 fill="#ff7f54" stroke="#6f632a" stroke-width="0.1"/> <ellipse cx="20" cy=18 rx="4" ry=2 fill="white" /> </svg> </svg> </body> </html>