Sindbad~EG File Manager

Current Path : /home/beeson/public_html/WebMathXpert/Demos/ParseAndDisplayDemo/
Upload File :
Current File : //home/beeson/public_html/WebMathXpert/Demos/ParseAndDisplayDemo/DynamicViewBox.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Dynamic viewBox</title>
</head>
<body>

<svg id="mySvg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200">
  <rect x="10" y="10" width="80" height="80" fill="blue"/>
</svg>

<button onclick="changeViewBox()">Change viewBox</button>

<script>
  function changeViewBox() {
    // Get the SVG element
    var svg = document.getElementById('mySvg');

    // Dynamically change the viewBox
    svg.setAttribute('viewBox', '20 20 60 60');
  }
</script>

</body>
</html>

Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists