'Maintaining True Scale for the SVG images in Web application

My team is developing an application that requires a few SVGs to be true scale regardless of screen size. We are now manually scaling the SVGs to true scale while we figure out a logic to maintain the scale automatically. When doing the changes manually, I found that only the Canvas of the SVG changes when the Height and Width of the SVG in the database are changed. When I increase the dimensions, the canvas expands, and the SVG just repositions itself to fit within the canvas; when I reduce the dimensions, the SVGs shrink to fit within the canvas. How do I resize the SVGs as well along with canvas?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source