Todas as perguntas
14 perguntas
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 ...
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, ...
-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?
...
-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 ...
-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....
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 ...
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 ...
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 ...
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 (!...
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 ...
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 ...
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....
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 ...
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 ...