Articles of svg

Especifique um SVG como imagem de fundo e também estilize o SVG em CSS?

É possível especificar um SVG como uma imagem de fundo e também estilizar o SVG no mesmo arquivo CSS? Estou muito confortável em posicionar, dimensionar e recortar imagens SVG como arquivos únicos ou sprites, mas não consegui descobrir se é possível estilizar o SVG dentro do mesmo arquivo CSS que define como uma imagem de […]

Substituindo d3.transform em D3 v4

No D3.js v4, o método d3.transform foi removido, sem qualquer sugestão sobre como substituí-lo. Alguém sabe como replace a seguinte instrução D3.js v3? d3.transform(String).translate;

Como animar texto manuscrito na página da web usando SVG?

Eu estou tentando animar um texto que criei e salvei como SVG. Até agora consegui animar apenas o golpe, mas não é o que estou tentando alcançar. Aqui está o link para o exemplo que eu preciso: [http://codepen.io/se7ensky/pen/waoMyx][1] [https://codepen.io/munkholm/pen/EaZJQE][1] Eu realmente aprecio se alguém puder explicar como eu posso implementar isso. Aqui está o que […]

d3 adiciona texto ao círculo

Eu estou tentando adicionar algum texto em círculo. Eu tenho seguido o exemplo de http://mbostock.github.com/d3/tutorial/circle.html, mas não consegui a saída correta. O trecho de código é: var data; var code; d3.json(“/json/trace.json”, function(json) { data = json; console.log(data); // get code for visualization code = data[“code”]; alert(code); var mainSVG = d3.select(“#viz”) .append(“svg”) .attr(“width”, 900) .attr(“height”, 900); […]

Convertendo SVG em PNG usando C #

Eu tenho tentado converter imagens SVG para PNG usando C #, sem ter que escrever muito código. Alguém pode recomendar uma biblioteca ou código de exemplo para fazer isso?

Os parâmetros SVG, como ‘xmlns’ e ‘version’ são necessários?

Em cerca de metade dos exemplos de svg que vejo na internet, o código é encapsulado em simples tags . Na outra metade, as tags svg têm muitos atributos complicados como este: Minha pergunta é: está tudo bem em usar as simples tags svg? Eu tentei brincar com os complicados, e tudo funciona bem no […]

Elemento SVG USE e: estilo hover

Eu estou tentando usar CSS :hover pseudoclass ao estilo elementos SVG embeded de por tag , mas parece não funcionar: – / Aqui está o meu código: .active { fill: #0BE; } .active:hover { opacity: 0.8; stroke: #F0F; stroke-width: 4px; } .active2 #p2 { fill: #0BE; } .active2:hover #p2 { opacity: 0.8; stroke: #F0F; stroke-width: […]

Alterando a cor da imagem SVG com o javascript

Eu estou tentando alterar as colors da imagem svg com javascript. Isso é possível? Posso carregá-lo como um object e, de alguma forma, ter access aos dados de cor / imagem. Cada respone ou dica é muito apreciada!

Onda (ou forma?) Com borda no CSS3

Eu preciso implementar uma forma de onda com CSS3, tentei implementar com CSS3 Shapes, mas eu não alcancei o resultado desejado. * { margin: 0; padding: 0; } body { background: #007FC1; } .container, .panel { border-bottom: 4px solid #B4CAD8; } .container { background-color: #fff; } .container > .text { padding: 0.5em; } .panel { […]

Remover os seletores de elementos HTML do host criados pelo componente angular

Em angular 2, svg-rect é um componente que cria rect como abaixo, mas isso não será renderizado por causa das tags de elemento especiais criadas. Se as tags svg-rect forem removidas, ele renderiza o No Angular 1.x, há replace: ‘true’, que remove as tags da diretiva com a saída compilada. Podemos implementar o mesmo em […]