svg resizing

by Mladen Mihajlovic

HTML

<div class="table" id="container">

</div>

CSS

.table {
  fill: #9D9FA2;
  border: #00ff00;
}
#container {
  border : 10px solid #000;  
  width: 120px;
  height: 120px;
  padding: 10px;

}

#container svg {
  height:100%;
  width: 100%;
}

JavaScript

const BJ = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="217.492mm" height="73.9183mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 255 87"
 xmlns:xlink="http://www.w3.org/1999/xlink">
 
 <g id="Warstwa_x0020_1">
  <metadata id="CorelCorpID_0Corel-Layer"/>
  <path class="fil0" d="M127 0c57,0 106,34 128,83 0,0 0,0 0,0 0,0 0,0 0,1 0,1 -1,3 -3,3l0 0 0 0 -249 0 0 0 0 0c-2,0 -3,-2 -3,-3 0,-1 0,-1 0,-1 0,0 0,0 0,-1 22,-48 71,-82 127,-82z"/>
 </g>
</svg>`;

const AR = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="236.361mm" height="103.32mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 343 150"
 xmlns:xlink="http://www.w3.org/1999/xlink">
 <defs>
  <style type="text/css">
   <![CDATA[
    .fil0 {fill:#9D9FA2}
   ]]>
  </style>
 </defs>
 <g id="Warstwa_x0020_1">
  <metadata id="CorelCorpID_0Corel-Layer"/>
  <path class="fil0" d="M323 150l-90 0c-26,0 -13,-30 -41,-30l-172 0c-11,0 -20,-10 -20,-21l0 -79c0,-11 9,-20 20,-20l303 0c11,0 20,9 20,20l0 49 0 30 0 30c0,12 -9,21 -20,21z"/>
 </g>
</svg>
`;
var container = document.getElementById("container");
container.innerHTML = AR;