console
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
#container {
width: 100;
height: 100%;
opacity: 0;
overflow: hidden;
}
</style>
</head>
<body>
<input type="file" onchange="change(this)" accept="image/svg+xml" />
<div id="container"></div>
<script>
function change(obj) {
let fr = new FileReader();
let domparser = new DOMParser();
fr.onload = (e) => {
let svgDom = e.target.result;
let doc = domparser.parseFromString(svgDom, "image/svg+xml");
document.getElementById("container").append(doc.getElementsByTagName("svg")[0]);
let box = document.getElementsByTagName("svg")[0].getBBox();
alert(`svg宽高分别为:${box.width}*${box.height}`);
setTimeout(() => {
document.getElementById("container").innerHTML = "";
}, 500);
};
fr.readAsText(obj.files[0], "utf-8");
}
</script>
</body>
</html>