SVG P’Faii Group B
✨ นางสาวชนิกา ปรีชาพลกุล
<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="24" cy="10" rx="3" ry="9" fill="#feb2ce" ></ellipse> <ellipse cx="24" cy="13" rx="1.5" ry="6" fill="white" ></ellipse> <ellipse cx="16" cy="10" rx="3" ry="9" fill="#feb2ce" ></ellipse> <ellipse cx="16" cy="13" rx="1.5" ry="6" fill="white" ></ellipse> <circle cx="20" cy="25" r="12" fill="#feb2ce"></circle> <circle cx="24" cy="22" r="2.5" fill="black"></circle> <circle cx="16" cy="22" r="2.5" fill="black"></circle> <!-- <circle cx="25" cy="22" r="0.75" fill="white"></circle> --> <ellipse cx="25" cy="22" rx="0.5" ry="1" fill="white"></ellipse> <ellipse cx="17" cy="22" rx="0.5" ry="1" fill="white"></ellipse> <!-- <circle cx="17" cy="22" r="0.75" fill="white"></circle> --> <circle cx="20" cy="27" r="1.5" fill="brown"></circle> <rect x="17" y="29.8" width="6" height="0.2" fill="brown"></rect> <rect x="20" y="30" width="3" height="4" fill="white"></rect> <rect x="17" y="30" width="3" height="4" fill="white"></rect> <ellipse cx="12" cy="27" rx="2.5" ry="1" fill="#ff5d80"></ellipse> <ellipse cx="28" cy="27" rx="2.5" ry="1" fill="#ff5d80"></ellipse> <polygon points="20.2 27 20 27 20 34 20.2 34" fill="brown"></polygon> </svg> --- <svg viewBox="0 0 100 100"> <!-- หัว --> <polygon fill="#ff6600" points="20, 30 80, 30 50, 80"> </polygon> <!-- หูซ้าย --> <polygon fill="#996600" points="30, 30 35, 15 40, 30" stroke="#ff6600" stroke-width="1.5"> </polygon> <!-- หูขวา --> <polygon fill="#996600" points="70, 30 65, 15 60, 30" stroke="#ff6600" stroke-width="1.5"> </polygon> <!-- ตาซ้าย --> <ellipse fill="black" cx="38" cy="40" ry="6" rx="2"></ellipse> <circle fill="white" cx="37.5" cy="39" r="1.5"></circle> <!-- ตาขวา --> <ellipse fill="black" cx="62" cy="40" ry="6" rx="2"></ellipse> <circle fill="white" cx="61.5" cy="39" r="1.5"></circle> <!-- ทั้งจมูก --> <polygon fill="#ffcc99" points="41,30 50,57 59,30"></polygon> <ellipse fill="black" cx="50" cy="60" ry="3" rx="3"></ellipse> <!-- หนวดซ้าย --> <line x1="35" y1="50" x2="25" y2="49" stroke="black" stroke-width="0.5"></line> <line x1="38" y1="55" x2="28" y2="55" stroke="black" stroke-width="0.5"></line> <line x1="40" y1="60" x2="30" y2="61" stroke="black" stroke-width="0.5"></line> <!-- หนวดขวา --> <line x1="65" y1="50" x2="75" y2="49" stroke="black" stroke-width="0.5"></line> <line x1="62" y1="55" x2="72" y2="55" stroke="black" stroke-width="0.5"></line> <line x1="59" y1="60" x2="69" y2="61" stroke="black" stroke-width="0.5"></line> </svg> --- <!-- ชนิกา ปรีชาพลกุล 63070029 --> <svg viewBox="0 0 40 40"> <!-- หูซ้าย --> <ellipse cx="10" cy="13" rx="3" ry="5" fill="#ffb347" stroke ="#fa9200" stroke-width="1"/> <rect fill="#db6c1d" width="2" height="10" x="15" y="1"></rect> <circle cx="16" cy="2.5" fill="#2B1A08" r="2"></circle> <!-- หูขวา --> <ellipse cx="30" cy="13" rx="3" ry="5" fill="#ffb347" stroke ="#fa9200" stroke-width="1"/> <rect fill="#db6c1d" width="2" height="10" x="23" y="1"></rect> <circle cx="24" cy="2.5" fill="#2B1A08" r="2"></circle> <!-- ตัว --> <rect fill="#ffb347" stroke ="#fa9200" stroke-width="0.4" width="10" height="10" x="15" y="33"></rect> <ellipse cx="16.8" cy="38" rx="1.5" ry="1" fill="#db6c1d"/> <ellipse cx="23." cy="40" rx="1.5" ry="1" fill="#db6c1d"/> <!-- หน้า --> <ellipse cx="20" cy="22" rx="14" ry="12" fill="#ffb347" stroke ="#fa9200" stroke-width="0.4" /> <!-- ลายบนหน้าบน-ซ้าย --> <ellipse cx="16" cy="12.8" rx="1" ry="2" fill="#db6c1d"/> <ellipse cx="20" cy="12.5" rx="1" ry="2" fill="#db6c1d"/> <ellipse cx="24" cy="12.8" rx="1" ry="2" fill="#db6c1d"/> <ellipse cx="8.7" cy="20" rx="2" ry="1" fill="#db6c1d"/> <ellipse cx="8.5" cy="24" rx="2" ry="1" fill="#db6c1d"/> <!-- ลายหน้าขวา --> <ellipse cx="31.3" cy="20" rx="2" ry="1" fill="#db6c1d"/> <ellipse cx="31.5" cy="24" rx="2" ry="1" fill="#db6c1d"/> <!-- ตาซ้าย --> <ellipse cx="15" cy="21" rx="2" ry="3" fill="#2B1A08" /> <circle cx="15.5" cy="20" fill="white" r="1"> </circle> <!-- ตาขวา --> <ellipse cx="25" cy="21" rx="2" ry="3" fill="#2B1A08" /> <circle cx="24.5" cy="20" fill="white" r="1"></circle> <!-- ปาก -จมูก --> <ellipse cx="20" cy="31.5" rx="9" ry="5" fill="#ffd394" stroke ="#ffc87a" stroke-width="0.4"/> <circle cx="17" cy="30" fill="#2B1A08" r="1.5"></circle> <circle cx="23" cy="30" fill="#2B1A08" r="1.5"></circle> <ellipse cx="20" cy="35" fill="#C15050" rx="2" ry="1"> </ellipse> </svg> </body> </html>