pattern
✨ BHATHORN WATPRAGAIRAT
<html> <head> <title>Let's Start </title> <style> body{ background:#f1f6ff; margin:1rem; text-align:center; font-family:sans-serif; } svg{ background:white; box-shadow:0 0 20px #0001; width:80%; } </style> </head> <body> <svg viewBox="0 0 100 100"> <!-- สร้าง pattern --> <defs> <pattern id="texture2" viewBox="0,0,100,100" width="5%" height="5%"> <rect width="100" height="100" fill="gray"/> <circle cx="5" cy="5" r="8" stroke="black" stroke-width="3" fill="red" /> </pattern> </defs> <defs> <pattern id="texture1" viewBox="0,0,8,10" width="10%" height="10%"> <polygon points="0,0 2,5 0,10 5,8 10,10 8,5 10,0 5,2"/> <circle r="1" cx="0" cy="5" fill="black"/> </pattern> </defs> <defs> <pattern id="texture3" viewBox="0,0,100,100" width="10%" height="10%"> </pattern> </defs> <!-- ใช้ pattern --> <rect width="100" height="100" fill="url(#texture1)"/> <circle cx="100" cy="1" r="50" fill="url(#texture2)" stroke-width=".5" stroke="black"/> </svg> </body> </html>