Skip to main content

Todas as perguntas

Com as tags
Filtrar por
Ordenado por
Com tags
0 votos
2 respostas
2mil visitas

Como mudar atributos de estilo de um .svg?

Queria saber se há alguma forma de editar os atributos de estilo, mais especifico o atributo de fill, de uma imagem importada do formato .svg. Exemplo: No meu html eu importo um arquivo .svg através ...
Ellathet's user avatar
  • 135
2 votos
1 resposta
2mil visitas

Como mudar a cor de um SVG dinamicamente com props no React?

Estou tentando mudar a cor de um SVG através das props, mas não estou conseguindo. Meu componente Hexagon que no qual eu recebo a cor via props e verifico com um switch: function Hexagon({ size, text, ...
Pedro's user avatar
  • 307
-1 votos
1 resposta
38 visitas

Arrumar Loadbar em círculo

Povo. Esse código tá funcionando. Mas quero ajuda para setar a posição inicial da barra de progresso. Atualmente ela inicia em 45º. Mas quero que ela inicie em 0º. Alguém sabe me ajudar com isso? ...
Fernando Torres's user avatar
-1 votos
1 resposta
189 visitas

Problema com elementos SVG saindo do lugar em versão mobile

Criei um editor de avatar que posiciona elementos SVG na tela. Quando coloco na resolução de versão mobile, há um evento estranho acontecendo, que faz com que um único elemento desça, saindo da sua ...
Ivan Ferrer's user avatar
  • 12,3mil
-1 votos
1 resposta
179 visitas

Criando uma animação JS com SVG usando HTML e CSS

Estou começando os estudos com SVG e tentando compreender um exemplo não consigo executá-lo corretamente, foram demonstradas as partes HTML/CSS/JS e eu fiz a conexão dessas partes, porém não funcionou....
Rei Motta's user avatar
1 voto
1 resposta
515 visitas

Como deixar meu svg movimentando-se livre em um background?

Eu tenho path animado por javascript e quero move-lo livremente pelo background do meu <body> de modo que esse path ultrapassar o maxwidth ele automaticamente aparece no lado oposto (como um ...
Juliano Silva's user avatar
0 votos
0 respostas
45 visitas

Firefox e Edge acrescentam link no url() do filter, como resolver?

Estou usando filter no CSS para fazer um efeito, mas como se trata de SVG Filter, faço o uso de filter: url('#id'); mas nos navegadores Firefox e Edge eles incrementam um caminho na frente que acaba ...
Kamile Pimenta's user avatar
0 votos
1 resposta
35 visitas

Mosaico em SVG com suporte cross-browser, é possível?

Tenho um projeto no qual gostaria de incluir uma galeria em forma de mosaico, esta seria responsiva e interativa. De inicio, pensei em SVG pela forma livre e sem perca de qualidade/renderização. Mas ...
Kamile Pimenta's user avatar
0 votos
1 resposta
102 visitas

Problema com "mouseleave" e sua reação com imagens SVG

No site há um popup que no caso só deve aparecer quando a pessoa tirar o mouse da área do site. Mas estava aparecendo ao clicar em um button que jQuery('body').mouseleave(function() { if (!...
Celso Sá's user avatar
1 voto
2 respostas
3mil visitas

Mudar a cor de um SVG por um botão

Tenho um SVG rasteirizado e inline em uma pagina. e preciso alterar a cor deste svg, conforme o usuario clica em um determinado botão. Nesse caso tenho varios botões, cada um responsável por alterar ...
Alexandre Augusto's user avatar
2 votos
2 respostas
323 visitas

SVG, Canvas ou CSS? Preciso fazer uma rede de circulos com imagens que se interligam

Bom, é isso. Pensei em fazer usando SVG e imagem com bordas mas minha preocupação é sobre responsividade, em dispositivos menores vai ficar tudo bagunçado Queria um jeito que as linhas se ...
Edmilson Viriato's user avatar
2 votos
0 respostas
233 visitas

Como colocar o CSS corretamente num SVG renderizado na view através da tag use?

Estou usando AngularJS para carregar um elemento, porém não pega o CSS. A View: <svg version="1.1" id="body_1" data-name="body-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3....
Ivan Ferrer's user avatar
  • 12,3mil
6 votos
1 resposta
188 visitas

Dropdown com SVG

Estou com uma arte e agora ela está em um arquivo SVG. O problema é que o cliente quer que ao passar o mouse (ou se clicar) em um bloco, ele deve abrir um menu. Não sei se tem a possibilidade de criar ...
Alisson Acioli's user avatar
4 votos
2 respostas
271 visitas

Arquivo SVG em CSS não executa função Javascript

Estou a usar um SVG como background-image, via css: #element { background-image: url('triangle.svg'); } Então dentro do arquvio SVG eu chamo uma função no onload pois preciso passar parametros ...
Guilherme Lessa's user avatar