SVG Path คลาสพิเศษ (Branch 6807)
✨ นายปรัชญา ดอกบัว
<html> <head> <title>Let's Start </title> <style> body{ background:#f1f6ff; margin:1rem; text-align:center; font-family:sans-serif; } svg{ background:#c00; box-shadow:0 0 20px #0002; width:80%; } </style> </head> <body> <svg viewBox="0 0 100 100"> <path d="M5,5 l0,8 l8,0 l8,0 l0,-4 l-12,0 l0,11 l4,0 l0,-15 Z" stroke="yellow" fill="#0000"/> <path d="M5,87 l0,8 l8,0 l0,-16 l-4,0 l0,12 l12,0 l0,-4 z " stroke="yellow" fill="#0000"/> <path d="M95,13 l0,-8 l-8,0 l0,15 l4,0 l0,-11 l-12,0 l0,4z" stroke="yellow" fill="#0000"/> <path d="M95,95 l-8,0 l0,-8 l0,-8 l4,0 l0,11 l-12,0 l0,-4 l16,0 z" stroke="yellow" fill="#0000"/> <path d="M11,17 l-6.1,0 l0,7 l8,0 l0,6.2 l-8,0 l0,-3 l3,0 l0,7 l-3,0 l0,31 l3,0 l0,7 l-3,0 l0,-3 l8,0 l0,6.2 l-8,0 l0,8 l12,0 l0,11.6 l8,0 l0,-8 l7,0 l0,8.5 l-3,0 l0,-3 l7,0 l0,3.4 l28,0 l0,-4 l7,0 l0,3 l-3,0 l0,-9 l7,0 l0,10 l8,0 l0,-13.5 l12.5,0 l0,-7 l-9,0 l0,-7 l9.5,0 l0,3 l-3,0 l0,-7 l3.5,0 l0,-31 l-3,0 l0,-6.5 l3,0 l0,3 l-8,0 l0,-6.2 l8,0 l0,-7 l-13.5,0 l0,-12 l-7,0 l0,9 l-7,0 l0,-9.5 l3,0 l0,3 l-7,0 l0,-3.3 l-29,0 l0,3 l-7,0 l0,-3 l3,0 l0,10 l-7,0 l0,-10 l-8,0 l0,13.1 Z" stroke="yellow" fill="#0000"/> <path d="M50,6 L7,50 L50,94 L94,50 Z" stroke="yellow" fill="#0000"/> <path d="M74,30 L74 70" stroke="yellow" fill="#0000"/> <path d="M27,30 L27 70" stroke="yellow" fill="#0000"/> <g fill="yellow" stroke="orange"> <rect width="3" height="15" x="49" y="29"/> <rect width="35" height="3" x="33" y="35"/> <rect width="29" height="3" x="36" y="42"/> <rect width="23" height="3" x="39" y="60"/> <rect width="3" height="16" x="39" y="50"/> <rect width="3" height="16" x="59" y="50"/> <rect width="23" height="3" x="39" y="50"/> </g> </svg> </body> </html>