| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta name="fuzzy" content="maxDifference=0-255; totalPixels=0-934" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
| <style> |
| .container { |
| width: 2049px; |
| will-change: transform; |
| border: 1px solid blue; |
| } |
| |
| svg { |
| width: 1024px; |
| } |
| </style> |
| </head> |
| <body> |
| <p>You should see a complete curve below.</p> |
| <div class="container"> |
| <svg viewBox="0 0 676 480"> |
| <g transform="translate(15, 300) scale(1, -1)"> |
| <path fill="green" stroke="none" d="M100,0 Q200,328 300,0"></path> |
| </g> |
| </svg> |
| </div> |
| </body> |
| </html> |
