| <!DOCTYPE html> |
| <style> |
| svg { height: 200px } |
| </style> |
| <body> |
| <script> |
| var rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect'); |
| rect.setAttribute('width', '100'); |
| rect.setAttribute('height', '100'); |
| rect.setAttribute('fill', 'green'); |
| var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); |
| svg.appendChild(rect); |
| svg.setAttribute('viewBox', '0 0 200 100'); |
| svg.setAttribute('preserveAspectRatio', 'xMinYMin'); |
| svg.width.baseVal.valueAsString = '200'; |
| document.body.appendChild(svg); |
| </script> |