简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Comment obtenir la hauteur d'un élément SVG dans Firefox.
淡淡烟草味
淡淡烟草味 2017-05-19 10:30:24
0
2
487

Les clientHeight et offsetHeight de l'élément svg sont 0 et non définis dans Firefox, mais normaux dans Chrome. Comment obtenir la hauteur de 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>
淡淡烟草味
淡淡烟草味

répondre à tous(2)
大家讲道理
大家讲道理2017-05-19 10:32:24 2 plancher

Peut être résolu avec getBoundingClientRect().height.

Comme +0
Ajouter une réponse
巴扎黑
巴扎黑2017-05-19 10:32:24 1 plancher

Je ne l’ai pas rencontré spécifiquement, mais je peux vous donner une idée. Les invites de Firefox sont toujours conviviales. Accédez directement à la console pour voir comment la hauteur SVG est définie. Si Firefox affiche 0 et non défini, veuillez poster une erreur sur la console. Si je peux vous donner quelques idées, n'hésitez pas à les adopter. Merci

.
Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！