SVG Path Arcs (เฟ้น-จิรายุ 63070020)
✨ JIRAYU TORRANATHITI
<html> <head> <title>Let's Start </title> <style> svg{ background-size:auto; background:url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrUSxbIb_X3fnMs2Zt4tfdhIIDOBYRS5eLRg&usqp=CAU"); opacity:100%; position:static; } body{ background:#333; margin:0em; font-family:sans-serif; } } </style> </head> <body> <svg viewBox="0 0 100 100"> <!-- ตัว --> <path fill="lime" transform="scale(1)" stroke="black" stroke-width="0.5" stroke-linecap="round" d=" m77,45 a2,2 0 0,1 -55,0 a24.5,26 0 0,1 55,0 " > </path> <!-- ตา --> <path fill="white" stroke="black" stroke-width="0.5" stroke-linecap="round" d=" m51,27.5 a9,9 0 0,1 9,1 a4,5 0 0,1 -9,-1 " > </path> <path fill="white" stroke="black" stroke-width="0.5" stroke-linecap="round" d=" m39,28.5 a9,9 0 0,1 9,-1 a4,5 0 0,1 -9,1 " > </path> <circle r="2.2" cx="43" cy="30"></circle> <circle r="2.2" cx="55" cy="30"></circle> <!-- จมูก --> <path fill="green" stroke="black" stroke-width="0.2" stroke-linecap="round" d=" m41.5,40 a2,2 0 0,1 14,0 " > </path> <path fill="black" d=" m42,39 a1,1 0 0,1 4,0 " > </path> <path fill="black" d=" m50,39 a1,1 0 0,1 4,0 " > </path> <path fill="green" d=" m53,40 a5,4.5 0 0,1 -8.5,0 " > </path> <!-- ปาก --> <path fill="lime" stroke="black" stroke-width="0.5" stroke-linecap="round" d=" m38,54 a8,0.5 0 0,1 22,0 " > </path> <!-- 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" style="opacity:.5"/> --> </svg> </body> </html>