"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Por que meus símbolos SVG não são dimensionados corretamente no Internet Explorer?

Por que meus símbolos SVG não são dimensionados corretamente no Internet Explorer?

Publicado em 2025-01-26
Navegar:447

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

Símbolos SVG não dimensionados corretamente no IE: espaço adicional

O Internet Explorer tem um bug antigo em que dimensiona SVGs incorretamente sem atributos de largura e altura.

Solução

Existe uma solução usando um truque envolvendo um elemento , que o IE dimensiona corretamente. Colocar um com a mesma proporção do SVG dentro do

que o contém garante o tamanho correto do SVG.

CSS

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

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

Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3