ClienHeight dan offsetHeight bagi elemen svg ialah 0 dan tidak ditentukan dalam Firefox, tetapi normal dalam chrome. Bagaimana untuk mendapatkan ketinggian svg?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<svg id="svg" viewBox="0,0,50,50" version="1.1" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" rx="3" ry="3" width="49" height="49" fill="transparent" stroke="black" stroke-width="1"/>
<text x="25" y="30" text-anchor="middle" font-size="14px" font-family="Yahei" fill="red">Abc</text>
</svg>
<script>
let a=document.getElementById('svg').clientHeight;
console.log(a);
</script>
</body>
</html>
Boleh diselesaikan dengan getBoundingClientRect().height.
Saya tidak menemuinya secara khusus, tetapi saya boleh memberi anda idea. Gesaan Firefox masih mesra pengguna. Pergi terus ke konsol untuk melihat bagaimana ketinggian SVG ditakrifkan Jika Firefox memaparkan 0 dan tidak ditentukan, sila siarkan ralat pada konsol. Jika saya boleh memberi anda beberapa idea, sila gunakannya Terima kasih
.