| <!DOCTYPE html> |
| <html> |
| <head> |
| <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" stroke-width="2" d="M100,0 C166,218 233,218 300,0"></path> |
| </g> |
| </svg> |
| </div> |
| </body> |
| </html> |
