Hello World! (Branch 8161) (Copy 8163)
✨ puriwat udompittayasit
<!DOCTYPE html> <html lang="en"> <html> <head> <head> <style> body { text-align: center; margin: 0; } .bg { background-image: url('https://i.pinimg.com/474x/8d/5d/3f/8d5d3f0612ab7904a47c1f16df76fba1.jpg'); width: 720px; height: 990px; background-size: contain; position: absolute; margin: auto; left: 0; right: 0; z-index: -999; background-repeat: no-repeat; } svg{ position: absolute; margin: auto; left: 0; right: 0; } </style> </head> <body> <div class="bg"></div> <svg width="720px" height="990px" xmlns="http://www.w3.org/2000/svg%22%3E <defs> <pattern id="smallGrid" width="18" height="18" patternUnits="userSpaceOnUse"> <path d="M 18 0 L 0 0 0 18" fill="none" stroke="gray" stroke-width="0.5" /> </pattern> <pattern id="grid" width="72" height="72" patternUnits="userSpaceOnUse"> <rect width="72" height="72" fill="url(#smallGrid)" /> <path d="M 72 0 L 0 0 0 72" fill="none" stroke="gray" stroke-width="1" /> </pattern> </defs> <rect width="100%" height="100%" fill="url(#grid)" /> </svg> <svg viewBox="0 0 100 100"> <path id='1' d="M40.9 17 L50.15 19.4 L53.4 14.6 L44.6 16.9" stroke="red" stroke-width=".05" fill="none"/> </svg>> </body> </html>