SVG AppleTree
✨ นายปิยะเชษฐ์ โตเทศ
<html> <head> <title>Let's Start </title> <style> body{ background:#333; margin:1em; font-family:sans-serif; } svg{ background:#eee; } </style> </head> <body> <svg viewBox="0 0 40 40"> <circle cx=10 cy=10 r=12.5 fill="green"></circle> <circle cx=0 cy=15 r=12.5 fill="green"></circle> <circle cx=30 cy=10 r=12.5 fill="green"></circle> <circle cx=40 cy=15 r=12.5 fill="green"></circle> <!--ใบ --> <circle cx=26 cy=10 r=1 fill="red"></circle> <circle cx=15 cy=8 r=1 fill="red"></circle> <circle cx=8 cy=20 r=1 fill="red"></circle> <circle cx=35 cy=16 r=1 fill="red"></circle> <!-- ผลแดง --> <rect x=14 y=18 width =12 height=20 fill="brown"></rect> <!-- ลำต้น--> <rect x=26 y=8 width =0.1 height=1 fill="brown"></rect> <rect x=15 y=6 width =0.1 height=1 fill="brown"></rect> <rect x=8 y=18 width =0.1 height=1 fill="brown"></rect> <rect x=35 y=14 width =0.1 height=1 fill="brown"></rect> <!--ก้านผล--> </svg> <!-- 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>