SVG Path Pattern (Branch 6537)
✨ PHIRAPHAT KITPROMPHON
<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="wave1" viewBox="0,0,8,8" width="10%" height="10%"> <circle r="1" cx="1.1" cy="1.9" fill="red"/> <circle r="1.5" cx="3" cy="3" fill="red"/> </pattern> <pattern id="grass" viewBox="0,0,8,8" width="10%" height="10%"> </pattern> </defs> <!-- ใช้ pattern --> <rect width="100" height="100" fill="url(#wave1)"/> <circle r="50" cx="100" cy="100" fill="url(#grass)"/> </svg> </body> </html>