รวม
✨ นางสาวบุษยมาส อวะภาค
<html> <head> <title>Let's Start </title> <style> body{ background:#333; margin:1em; font-family:sans-serif; } svg{ background:#E9E8D9; } </style> </head> <body> <svg viewBox="0 0 40 40"> <!---หู---> <svg viewBox="0 0 60 10" x="-10" y="-19" fill="#404040"> <polygon points="-40 900, 90 40, 29 ,6.5" /> </svg> <svg viewBox="0 0 60 10" x="17" y="-19" fill="#404040"> <polygon points="30 200, -20 32, 21 , 6 " /> </svg> <svg viewBox="0 0 60 10" x="-10" y="-19" fill="#919492"> <polygon points="-40 900, 90 40, 32 ,11.5" /> </svg> <svg viewBox="0 0 60 10" x="17" y="-19" fill="#919492"> <polygon points="30 200, -20 32, 19 , 11.5" /> </svg> <!---หน้า---> <circle cx="20" cy="20" fill="#919492" r="13" ></circle> <ellipse cx="11" cy="20" rx="3" ry="1" fill="#585959" r=""/> <ellipse cx="11" cy="23" rx="3" ry="1" fill="#585959" r=""/> <ellipse cx="29" cy="20" rx="3" ry="1" fill="#585959" r="" /> <ellipse cx="29" cy="23" rx="3" ry="1" fill="#585959" r=""/> <ellipse cx="20" cy="10" rx="1" ry="3" fill="#585959" r=""/> <ellipse cx="15.5" cy="11" rx="1" ry="3" fill="#585959" r=""/> <ellipse cx="24.5" cy="11" rx="1" ry="3" fill="#585959" r=""/> <!---หนวดซ้าย---> <svg viewBox = "0 0 200 200" x="3" y="21"> <line x1 = "5" y1 = "5" x2 = "50" y2 = "10" stroke = "black" stroke-width = "3"/> </svg> <svg viewBox = "0 0 200 200" x="3" y="23"> <line x1 = "5" y1 = "5" x2 = "50" y2 = "5" stroke = "black" stroke-width = "3"/> </svg> <svg viewBox = "0 0 200 200" x="3" y="25"> <line x1 = "5" y1 = "5" x2 = "50" y2 = "2" stroke = "black" stroke-width = "3"/> </svg> <!---หนวดขวา---> <svg viewBox = "0 0 200 200" x="25.5" y="22"> <line x1 = "7" y1 = "5" x2 = "50" y2 = "1" stroke = "black" stroke-width = "3"/> </svg> <svg viewBox = "0 0 200 200" x="25.5" y="23"> <line x1 = "7" y1 = "5" x2 = "50" y2 = "10" stroke = "black" stroke-width = "3"/> </svg> <svg viewBox = "0 0 200 200" x="25.5" y="24"> <line x1 = "7" y1 = "5" x2 = "50" y2 = "10" stroke = "black" stroke-width = "3"/> </svg> <!---จมูก---> <ellipse cx="20" cy="25" rx="3" ry="3" fill="#ff5452" /> <ellipse cx="17" cy="26" rx="3" ry="2" fill="#06070b" /> <ellipse cx="17" cy="25" rx="3" ry="2" fill="#919492" /> <ellipse cx="22.8" cy="26" rx="3" ry="2" fill="#06070b" /> <ellipse cx="22.8" cy="25" rx="3" ry="2" fill="#919492" /> <svg> <!---ตา---> <ellipse cx="15" cy="20" rx="2" ry="2" fill="black" /> <ellipse cx="25" cy="20" rx="2" ry="2" fill="black" /> </svg> <svg x = 10> <ellipse cx="15.5" cy="19" rx="1" ry="1" fill="white" /> <ellipse cx="5.5" cy="19" rx="1" ry="1" fill="white" /> </svg> </svg> ----------------------------- <svg viewBox="0 0 40 40"> <!---หู---> <circle cx="7" cy="14" fill="#d68c4f" r="5.5"></circle> <circle cx="7" cy="14" fill="#fdcca4" r="4"></circle> <circle cx="33" cy="14" fill="#d68c4f" r="5.5"></circle> <circle cx="33" cy="14" fill="#fdcca4" r="4"></circle> <!---หน้า---> <circle cx="20" cy="20" fill="#d68c4f" r="13" ></circle> <ellipse cx="14.5" cy="20" rx="7" ry="8" fill="#fdcca4" /> <ellipse cx="20" cy="26" rx="9.5" ry="6.5" fill="#fdcca4" /> <ellipse cx="25.5" cy="20" rx="7" ry="8" fill="#fdcca4" /> <!---ปาก---> <ellipse cx="20" cy="27" rx="5" ry="3" fill="#740005" /> <ellipse cx="20" cy="26" rx="4" ry="3" fill="#fdcca4" /> <!---จมูก---> <ellipse cx="20" cy="21" rx="3" ry="2" fill="#d68c4f" /> <!---ตา---> <svg> <circle cx="13.5" cy="15.5" fill="#ffffff" r="4"></circle> <circle cx="14" cy="15.5" fill="#3c2d26" r="3"></circle> <circle cx="12.5" cy="14" fill="#fffffd" r="1.5"></circle> </svg> <svg x = 10> <circle cx="16.5" cy="15.5" fill="#ffffff" r="4"></circle> <circle cx="16" cy="15.5" fill="#3c2d26" r="3"></circle> <circle cx="14.5" cy="14" fill="#fffffd" r="1.5"></circle> </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> -------------------------- <svg viewBox="0 0 40 40"> <!---หู--> <circle cx="12.5" cy="14" fill="#dbbeda" r="2"></circle> <circle cx="12.5" cy="14" fill="#EFA799 " r="1"></circle> <svg x="15"> <circle cx="12.5" cy="14" fill="#dbbeda" r="2"></circle> <circle cx="12.5" cy="14" fill="#EFA799 " r="1"></circle></svg> <!--หน้า--> <ellipse cx="20" cy="21" rx="10" ry="10" fill="#ddc6da" /> <!--ตา--> <svg> <ellipse cx="15" cy="16" rx="0.5" ry="1" fill="black" /> <circle cx="14.8" cy="15.6" fill="white" r="0.3"></circle> </svg> <svg x="9.7"> <ellipse cx="15" cy="16" rx="0.5" ry="1" fill="black" /> <circle cx="14.8" cy="15.6" fill="white" r="0.3"></circle> </svg> <!--ฟัน--> <rect x="14" y="31.5" rx="0.5" ry="4" width="4" height="3" fill="white"/> <svg x=7.5> <rect x="14" y="31.5" rx="0.5" ry="4" width="4" height="3" fill="white"/></svg> <!--จมูก--> <ellipse cx="20" cy="26" rx="12" ry="8" fill="#edd6ea" /> <circle cx="14" cy="25" r="1.4" stroke="#a980a8" stroke-width="0.8" fill="#edd6ea"></circle> <circle cx="15" cy="28.5" fill="black" r="0.2"></circle> <circle cx="12" cy="28" fill="black" r="0.3"></circle> <circle cx="13" cy="30" fill="black" r="0.3"></circle> <svg x="12"> <circle cx="14" cy="25" r="1.4" stroke="#a980a8" stroke-width="0.8" fill="#edd6ea"></circle> <circle cx="14" cy="28.5" fill="black" r="0.2"></circle> <circle cx="17" cy="28" fill="black" r="0.3"></circle> <circle cx="16" cy="30" fill="black" r="0.3"></circle> </svg> </svg> --------------------------- <svg viewBox="0 0 40 40"> <!---หู---> <circle stroke="black" stroke-width="0.4" cx="9" cy="12" fill="#b2875e" r="5.5" /> <circle cx="10" cy="13" fill="#643a10" r="4.5" /> <circle stroke="black" stroke-width="0.4" cx="31" cy="12" fill="#b2875e" r="5.5" /> <circle cx="30" cy="13" fill="#643a10" r="4.5" /> <!---หน้า---> <circle stroke="black" stroke-width="0.4" cx="20" cy="20" fill="#c39a6e" r="13" /> <ellipse cx="14.5" cy="16" rx="4" ry="3" fill="#e1d4b4" /> <ellipse cx="25.5" cy="16" rx="4" ry="3" fill="#e1d4b4" /> <!---จมูก---> <circle stroke="black" stroke-width="0.35" cx="20" cy="25.5" fill="#81582f" r="6.5" /> <!---ปาก---> <ellipse cx="17" cy="26" rx="3" ry="2" fill="#06070b" /> <ellipse cx="17" cy="25" rx="3" ry="2" fill="#81582f" /> <ellipse cx="22.8" cy="26" rx="3" ry="2" fill="#06070b" /> <ellipse cx="22.8" cy="25" rx="3" ry="2" fill="#81582f" /> <ellipse cx="20" cy="22" rx="3" ry="2" fill="#06070b" /> <!---ตา---> <circle stroke="black" stroke-width="0.38" cx="15" cy="16.8" fill="#4c201e" r="2" /> <circle cx="15" cy="17" fill="#000" r="1.5" /> <circle cx="15.5" cy="16.67" fill="#eee" r="0.75" /> <svg x = 10> <circle stroke="black" stroke-width="0.38" cx="15" cy="16.8" fill="#4c201e" r="2" /> <circle cx="15" cy="17" fill="#000" r="1.5" /> <circle cx="14.5" cy="16.67" fill="#eee" r="0.75" /> </svg> </svg> ------------------------------------- <svg viewBox="0 0 40 40"> <!---หู---> <circle cx="10" cy="14" fill="hsl(111, 54%, 40%)" r="6"></circle> <svg x="20"> <circle cx="10" cy="14" fill="hsl(111, 54%, 40%)" r="6"></circle> </svg> <!---หน้า---> <ellipse cx="20" cy="22" rx="16" ry="12" fill="hsl(111, 54%, 40%)" /> <!---ปาก---> <ellipse cx="20" cy="28" rx="9" ry="4" fill="hsl(360, 79%, 40%)" /> <ellipse cx="20" cy="27" rx="8" ry="4" fill="hsl(111, 54%, 40%)" /> <!---แก้ม---> <circle cx="9" cy="23" fill="#f5c0c0" r="2"></circle> <circle cx="32" cy="23" fill="#f5c0c0" r="2"></circle> <!---จมูก---> <ellipse cx="18" cy="22" rx="1" r="1" fill="hsl(107, 70%, 20%)" /> <ellipse cx="22" cy="22" rx="1" r="0" fill="hsl(107,70%,20%)" /> <!---ตา---> <circle cx="10.5" cy="15" fill="white" r="5"></circle> <circle cx="10.5" cy="15" fill="black" r="2"></circle> <circle cx="10" cy="14" fill="white" r="0.5"></circle> <svg x="10"> <circle cx="19.5" cy="15" fill="white" r="5"></circle> <circle cx="19.5" cy="15" fill="black" r="2"></circle> <circle cx="20" cy="14" fill="white" r="0.5"></circle> <!-- 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> ---------------------------------- </body> </html>