"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Outils en ligne
Tutoriel logiciel
Navigation sur les sites
La programmation
Page de garde > La programmation > Pourquoi mes symboles SVG ne sont-ils pas mis à l'échelle correctement dans Internet Explorer ?

Pourquoi mes symboles SVG ne sont-ils pas mis à l'échelle correctement dans Internet Explorer ?

Publié le 2025-01-26
Parcourir:852

Why Aren't My SVG Symbols Scaling Correctly in Internet Explorer?

Les symboles SVG ne sont pas à l'échelle correctement dans IE: Espace supplémentaire

Internet Explorer a un bug de longue date où il évolue incorrectement SVGS sans largeur et attributs de hauteur.

solution

Une solution existe en utilisant une astuce impliquant un élément , qui est correctement évolue. Placer un avec le même rapport d'aspect que le SVG dans le contenu

garantit la taille SVG correcte. 
 
  css  
 
canvas {
  display: block;
  width: 100%;
  visibility: hidden;
}

svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

Dernier tutoriel Plus>
ClassificationPlus>
Apprendre le japonais Apprendre le coréen Apprendre le chinois Apprendre une langue étrangère Jeu Problème commun Périphériques technologiques IA Tutoriel logiciel La programmation Article

Étudier le chinois

OutilPlus>
Décodage d'images en base64
Pinyin chinois
Encodage Unicode
Compression de chiffrement d'obscurcissement JS
Outil de chiffrement hexadécimal d'URL
Outil de conversion d'encodage UTF-8
Outils d'encodage et de décodage Ascii en ligne
Outil de cryptage MD5
Outil de cryptage et de décryptage en ligne de texte de hachage/hachage
Cryptage SHA en ligne

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3