Resultados da pesquisa a pedido "svg"

1 a resposta

Chrome 72 break 'data: image / svg + xml; utf8' para svgs em segundo plano em css? [duplicado

Esta pergunta já tem uma resposta aqui: imagem de dados @SVG não está funcionando no Firefox ou Chrome 72 + [/questions/30733607/svg-data-image-not-working-on-firefox-or-chrome-72] 3 respostas Meus svgs são especificados em css ...

1 a resposta

imagem @SVG não está sendo carregada no Firefox

Aqui está um codepen [https://codepen.io/tOkyO1/pen/maNbWQ] e na parte inferior desta pergunta está o código real. Embora o código funcione bem no Chrome, por algum motivoimage elementos em umsvg elemento @ não está carregando no Firefox. Eu ...

2 a resposta

Fade-in animação do relógio em svg img [fechado]

Uso uma imagem svg no meu HTML e quero que ela desapareça. Até aqui nada difíci Mas o que eu preciso é que o fade-in não seja igual em todos os lugares da imagem. Quero um início progressivo do desbotamento do topo, depois siga um círculo ...

1 a resposta

Animação de caminho SVG do comando lineto para curva de cubo-bezier

Estou tentando animar um svg<path> elemento. A inicial<path> elemento temL(lineto) comandos enquanto o<path> que estou tentando animá-loC(cubic-bezier curve) comandos. Eu tentei animá-lo, mas ele realmente não transita entre os dois caminhos. É ...

3 a resposta

SVG. Inverter imagem usando css. Mantenha a imagem no mesmo local

Aqui está um exemplo de codepenhttps://codepen.io/yury-leonov/pen/rZxxQE [https://codepen.io/yury-leonov/pen/rZxxQE] Código do exemplo: $(".example").on("click", function(e){ $(e.target).toggleClass("reverse"); }).reverse{ transform: ...

1 a resposta

Não é possível aplicar o desenho de linha e preenchê-lo em svg

Quero uma animação de desenho de linha e tentei seguir alguns tutoriais do youtube e quero algo como istohttps://codepen.io/shshaw/pen/Hjyio [https://codepen.io/shshaw/pen/Hjyio]que primeiro desenha o logotipo e depois o preenche. Até agora eu ...

1 a resposta

Inserindo imagem dentro de rosca

Fiz vários gráficos de rosca usando D3js e preciso inserir uma mesma imagem dentro da rosca, mas não consigo descobrir o caminho para conseguir isso. Alguém pode me ajudar com isso? aqui está o meu código JS: var data1 = [4,96]; var data2 = ...

2 a resposta

Porcentagem D3 sobrescrita

Estou tentando obter um pequeno sinal de porcentagem sobrescrito. Eu encontrei e exemplo que funciona, mas não por cento var svgText = svg.append('text').text('This is a test : mm²')Existe uma maneira de eu fazer o mesmo com a ...

2 a resposta

Links sobrepostos à imagem no layout de força direcional

No meu layout de força direcionalcodepen [https://codepen.io/aa1024/pen/MBeRVa] Estou usando ícones em vez de círculos; Atualmente, os links estão sobrepostos à imagem / ícone. Quero que os links terminem logo antes da imagem. No entanto, vejo ...

1 a resposta

Como verificar se um caminho svg tem uma classe que corresponde a um valor na matriz e, se sim, adicionar uma nova classe

Eu tenho uma matriz e algunssvg path elementos (estou usandomapa do folheto [https://leafletjs.com/]) Preciso verificar se a classe de um caminho corresponde a um dos valores da minha matriz e, se sim, adicionar uma classefadeIn para isso. var ...