SVG เจน-กชกร 63070001 (แก้คะแนนมิดเทอม)
✨ KOTCHAKORN KAJONCHAI
<html> <head> <title>Let's Start </title> <style> body{ background:#333; margin:1em; font-family:sans-serif; } svg{ background-image: linear-gradient(to bottom left, #f7797d, #FBD786, #C6FFDD); } </style> </head> <body> <svg viewBox="0 0 100 100"> <!-- คลื่น --> <path fill="#43c4dc" d="m0,65 a2,2 0 1,1 30,0"> </path> <path fill="#87d3e1" d="m2,65 a2,2 0 1,1 26,0"> </path> <path fill="#43c4dc" d="m4,65 a2,2 0 1,1 22,0"> </path> <path fill="#87d3e1" d="m6,65 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#2ab5cf" d="m30,69 a2,2 0 1,1 30,0"> </path> <path fill="#4fc7dd" d="m32,69 a2,2 0 1,1 26,0"> </path> <path fill="#2ab5cf" d="m34,69 a2,2 0 1,1 22,0"> </path> <path fill="#4fc7dd" d="m36,69 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#2ab5cf" d="m66,68 a2,2 0 1,1 30,0"> </path> <path fill="#4fc7dd" d="m68,68 a2,2 0 1,1 26,0"> </path> <path fill="#2ab5cf" d="m70,68 a2,2 0 1,1 22,0"> </path> <path fill="#4fc7dd" d="m72,68 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#43c4dc" d="m94,64 a2,2 0 1,1 30,0"> </path> <path fill="#87d3e1" d="m96,64 a2,2 0 1,1 26,0"> </path> <path fill="#43c4dc" d="m98,64 a2,2 0 1,1 22,0"> </path> <path fill="#87d3e1" d="m100,64 a2,2 0 1,1 18,0"> </path> <!-- น้ำพ่น --> <path fill="#83def7"> <animate attributeName="d" values=" m35,25 c-15,-10 5,-10 0,0; m30,20 c-15,-10 5,-10 0,0; " dur="1s" repeatCount="indefinite"></animate></path> <path fill="#83def7"> <animate attributeName="d" values=" m35,26 c-2,-10 18,-10 0,0; m36,21 c-2,-10 18,-10 0,0; " dur="1s" repeatCount="indefinite"></animate></path> <path fill="#83def7"> <animate attributeName="d" values=" m35,24 c-5,-10 8,-10 0,0; m35,17 c-5,-10 8,-10 0,0; " dur="1s" repeatCount="indefinite"></animate></path> <path fill="#83def7"> <animate attributeName="d" values=" m33,17 c-5,-5 3,-5 0,0; m32,12 c-5,-5 3,-5 0,0; " dur="1s" repeatCount="indefinite"></animate></path> <path fill="#83def7"> <animate attributeName="d" values=" m38,18 c-1,-5 5,-5 0,0; m39,12 c-1,-5 5,-5 0,0; " dur="1s" repeatCount="indefinite"></animate></path> <!-- ตัววาฬสีคราม --> <path fill="#2a516f" d="m10,50 c0,0 0,-60 65,0 a10,3.8 -13 1,1 0,9.8 a9,3 -10 1,1 0,0.1"></path> <!-- ตัววาฬสีเทา --> <path fill="#c9d3ca" d="m10,50 q-0,20 65,10"></path> <circle cx="20" cy="40" r="1.5" fill="black"></circle> <circle cx="21" cy="40" r="0.5" fill="white"></circle> <ellipse cx="25" cy="45" rx="3" ry="1.8" fill="hsl(0, 97%, 84%)"></ellipse> <line x1="23" y1="46" x2="24.5" y2="44" stroke="hsl(0, 52%, 63%)" stroke-width="0.3"></line> <line x1="25" y1="46" x2="26.5" y2="44" stroke="hsl(0, 52%, 63%)" stroke-width="0.3"></line> <line x1="25" y1="46" x2="26.5" y2="44" stroke="hsl(0, 52%, 63%)" stroke-width="0.3"></line> <path fill="#2a516f" d="m54,55 a2,3 -30 0,1 -20,-10"></path> <!-- คลื่น --> <path fill="#2ab5cf" d="m18,73 a2,2 0 1,1 30,0"> </path> <path fill="#4fc7dd" d="m20,73 a2,2 0 1,1 26,0"> </path> <path fill="#2ab5cf" d="m22,73 a2,2 0 1,1 22,0"> </path> <path fill="#4fc7dd" d="m24,73 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#43c4dc" d="m46,75 a2,2 0 1,1 30,0"> </path> <path fill="#87d3e1" d="m48,75 a2,2 0 1,1 26,0"> </path> <path fill="#43c4dc" d="m50,75 a2,2 0 1,1 22,0"> </path> <path fill="#87d3e1" d="m52,75 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#2ab5cf" d="m-15,73 a2,2 0 1,1 30,0"> </path> <path fill="#4fc7dd" d="m-13,73 a2,2 0 1,1 26,0"> </path> <path fill="#2ab5cf" d="m-11,73 a2,2 0 1,1 22,0"> </path> <path fill="#4fc7dd" d="m-9,73 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#43c4dc" d="m2,78 a2,2 0 1,1 30,0"> </path> <path fill="#87d3e1" d="m4,78 a2,2 0 1,1 26,0"> </path> <path fill="#43c4dc" d="m6,78 a2,2 0 1,1 22,0"> </path> <path fill="#87d3e1" d="m8,78 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#2ab5cf" d="m76,74 a2,2 0 1,1 30,0"> </path> <path fill="#4fc7dd" d="m78,74 a2,2 0 1,1 26,0"> </path> <path fill="#2ab5cf" d="m80,74 a2,2 0 1,1 22,0"> </path> <path fill="#4fc7dd" d="m82,74 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#2e9ebd" d="m60,82 a2,2 0 1,1 30,0"> </path> <path fill="#44b2d0" d="m62,82 a2,2 0 1,1 26,0"> </path> <path fill="#2e9ebd" d="m64,82 a2,2 0 1,1 22,0"> </path> <path fill="#44b2d0" d="m66,82 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#43c4dc" d="m86,81 a2,2 0 1,1 30,0"> </path> <path fill="#87d3e1" d="m88,81 a2,2 0 1,1 26,0"> </path> <path fill="#43c4dc" d="m90,81 a2,2 0 1,1 22,0"> </path> <path fill="#87d3e1" d="m92,81 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#2e9ebd" d="m-10,82 a2,2 0 1,1 30,0"> </path> <path fill="#44b2d0" d="m-8,82 a2,2 0 1,1 26,0"> </path> <path fill="#2e9ebd" d="m-6,82 a2,2 0 1,1 22,0"> </path> <path fill="#44b2d0" d="m-4,82 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#2ab5cf" d="m30,79 a2,2 0 1,1 30,0"> </path> <path fill="#4fc7dd" d="m32,79 a2,2 0 1,1 26,0"> </path> <path fill="#2ab5cf" d="m34,79 a2,2 0 1,1 22,0"> </path> <path fill="#4fc7dd" d="m36,79 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#43c4dc" d="m18,83 a2,2 0 1,1 30,0"> </path> <path fill="#87d3e1" d="m20,83 a2,2 0 1,1 26,0"> </path> <path fill="#43c4dc" d="m22,83 a2,2 0 1,1 22,0"> </path> <path fill="#87d3e1" d="m24,83 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#2ab5cf" d="m42,85 a2,2 0 1,1 30,0"> </path> <path fill="#4fc7dd" d="m44,85 a2,2 0 1,1 26,0"> </path> <path fill="#2ab5cf" d="m46,85 a2,2 0 1,1 22,0"> </path> <path fill="#4fc7dd" d="m48,85 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#2e9ebd" d="m78,88 a2,2 0 1,1 30,0"> </path> <path fill="#44b2d0" d="m80,88 a2,2 0 1,1 26,0"> </path> <path fill="#2e9ebd" d="m82,88 a2,2 0 1,1 22,0"> </path> <path fill="#44b2d0" d="m84,88 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#2e9ebd" d="m-2,89.5 a2,2 0 1,1 30,0"> </path> <path fill="#44b2d0" d="m0,89.5 a2,2 0 1,1 26,0"> </path> <path fill="#2e9ebd" d="m2,89.5 a2,2 0 1,1 22,0"> </path> <path fill="#44b2d0" d="m4,89.5 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#43c4dc" d="m21,94 a2,2 0 1,1 30,0"> </path> <path fill="#87d3e1" d="m23,94 a2,2 0 1,1 26,0"> </path> <path fill="#43c4dc" d="m25,94 a2,2 0 1,1 22,0"> </path> <path fill="#87d3e1" d="m27,94 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#2e9ebd" d="m58,94 a2,2 0 1,1 30,0"> </path> <path fill="#44b2d0" d="m60,94 a2,2 0 1,1 26,0"> </path> <path fill="#2e9ebd" d="m62,94 a2,2 0 1,1 22,0"> </path> <path fill="#44b2d0" d="m64,94 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#2ab5cf" d="m40,96 a2,2 0 1,1 30,0"> </path> <path fill="#4fc7dd" d="m42,96 a2,2 0 1,1 26,0"> </path> <path fill="#2ab5cf" d="m44,96 a2,2 0 1,1 22,0"> </path> <path fill="#4fc7dd" d="m46,96 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#2ab5cf" d="m-7,100 a2,2 0 1,1 30,0"> </path> <path fill="#4fc7dd" d="m-5,100 a2,2 0 1,1 26,0"> </path> <path fill="#2ab5cf" d="m-3,100 a2,2 0 1,1 22,0"> </path> <path fill="#4fc7dd" d="m-1,100 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#43c4dc" d="m9,102 a2,2 0 1,1 30,0"> </path> <path fill="#87d3e1" d="m11,102 a2,2 0 1,1 26,0"> </path> <path fill="#43c4dc" d="m13,102 a2,2 0 1,1 22,0"> </path> <path fill="#87d3e1" d="m15,102 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#2e9ebd" d="m54,104 a2,2 0 1,1 30,0"> </path> <path fill="#44b2d0" d="m56,104 a2,2 0 1,1 26,0"> </path> <path fill="#2e9ebd" d="m58,104 a2,2 0 1,1 22,0"> </path> <path fill="#44b2d0" d="m60,104 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#2ab5cf" d="m30,106 a2,2 0 1,1 30,0"> </path> <path fill="#4fc7dd" d="m32,106 a2,2 0 1,1 26,0"> </path> <path fill="#2ab5cf" d="m34,106 a2,2 0 1,1 22,0"> </path> <path fill="#4fc7dd" d="m36,106 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#43c4dc" d="m84,96 a2,2 0 1,1 30,0"> </path> <path fill="#87d3e1" d="m86,96 a2,2 0 1,1 26,0"> </path> <path fill="#43c4dc" d="m88,96 a2,2 0 1,1 22,0"> </path> <path fill="#87d3e1" d="m90,96 a2,2 0 1,1 18,0"> </path> <!-- คลื่น --> <path fill="#43c4dc" d="m73,104 a2,2 0 1,1 30,0"> </path> <path fill="#87d3e1" d="m75,104 a2,2 0 1,1 26,0"> </path> <path fill="#43c4dc" d="m77,104 a2,2 0 1,1 22,0"> </path> <path fill="#87d3e1" d="m79,104 a2,2 0 1,1 18,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"/> --> </svg> </body> </html>