STARRY NIGHT 63070004
✨ นายกฤติน กลิ่นแก้ว
<html> <head> <title>Let's Start </title> <style> body{ background:#f1f6ff; margin:1rem; text-align:center; font-family:sans-serif; } svg{ background:#1d1f2f; box-shadow:0 0 20px #0001; width:80%; } </style> </head> <body> <svg viewBox="0 0 100 100"> <!-- สร้าง pattern --> <defs> <pattern id="texture1" viewBox="0,0,10,10" width="10%" height="10%"> <path d=" m4,6 l1,-2 l1,2 l-2.2,-1.3 l2.4,0 l-2.2,1.3 " stroke="yellow" stroke-width="0.1" fill="yellow" stroke-linecap="round" stroke-linejoin="round"/> <circle r="0.5" fill="white" cx="0" cy="5"/> <circle r="0.5" fill="white" cx="10" cy="5"/> <path d=" m0,0 v10 " stroke="white" stroke-width="0.2" /> <path d=" m10,0 v10 " stroke="white" stroke-width="0.2" /> <path d=" m0,0 h10 " stroke="white" stroke-width="0.2" /> <path d=" m0,10 h10 " stroke="white" stroke-width="0.2" /> <path d=" m0,0 h0.1 l-1,1.5 " fill="yellow" stroke="yellow" /> <path d=" m10,0 h-0.1 l1,1.5 " fill="yellow" stroke="yellow" /> <path d=" m0,10 h0.1 l-1,-1.5 " fill="yellow" stroke="yellow" /> <path d=" m10,10 h-0.1 l1,-1.5 " fill="yellow" stroke="yellow" /> </pattern> </defs> <!-- ใช้ pattern --> <rect width="100" height="100" fill="url(#texture1)"/> <circle r="40" cx="0" cy="0" fill="yellow"/> </svg> </body> </html>