2
respostas

[Dúvida] link de SVG não funciona?

Tentei implementar conforme fui avançando na aula, mas a parte do SVG simplesmente não funciona e não achei a solução nos materiais fornecidos.

2 respostas

Oi Bruno, tudo bem?

Primeiro, é importante verificar se o arquivo SVG está no mesmo diretório que o seu arquivo JavaScript. Se não estiver, você precisará fornecer o caminho correto para ele. Por exemplo, se o seu arquivo SVG estiver em uma pasta chamada "imagens", o caminho seria algo como "imagens/nomeDoArquivo.svg".

Outra coisa que você pode verificar é se o seu navegador suporta SVG. A maioria dos navegadores modernos suporta, mas se você estiver usando um navegador mais antigo, isso pode ser um problema.

Além disso, se você estiver tentando usar o SVG como um elemento do DOM, certifique-se de que o SVG está devidamente formatado. SVGs têm uma estrutura específica que precisa ser seguida para que eles possam ser manipulados como elementos do DOM. Aqui está um exemplo de como um SVG bem formatado pode parecer:

<svg width="100" height="100">
   <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

Espero que essas sugestões possam te ajudar a resolver o problema. Se não, por favor, nos envie o seu código completo para que possamos fazer testes.

Um abraço e bons estudos.

Bruno, poderia compartilhar o seu código para eu poder fazer uma avaliação?