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

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

Internet Explorer a un bug de longue date qui le fait mettre à l'échelle de manière incorrecte les SVG sans les attributs de largeur et de hauteur.

Solution

Une solution existe grâce à une astuce impliquant un élément, que IE met correctement à l’échelle. Placer une avec le même rapport hauteur/largeur que le SVG dans le fichier <div> garantit la bonne taille SVG.

<div>

CSS

canvas {
  display: block;
  width: 100%;
  visibility: hidden;
}

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!