Perguntas com a marcação «svg»

O Scalable Vector Graphics (SVG) é um formato de gráficos vetoriais bidimensional baseado em XML que também pode ser usado em HTML. Não adicione essa tag apenas porque seu projeto usa SVG. Em vez disso, adicione a tag se sua pergunta é sobre SVG ou está intimamente relacionada a ela, como obter algo com SVG.

6
SVG obtém a largura do elemento de texto
Estou trabalhando em ECMAScript / JavaScript para um arquivo SVG e preciso obter o widthe heightde um textelemento para poder redimensionar um retângulo que o rodeia. Em HTML, seria capaz de usar os atributos offsetWidthe offsetHeightno elemento, mas parece que essas propriedades não estão disponíveis. Aqui está um fragmento com …
105 javascript  dom  text  svg 
6
Como definir a origem da transformação em SVG
Eu preciso redimensionar e girar certos elementos no documento SVG usando javascript. O problema é que, por padrão, ele sempre aplica a transformação em torno da origem em(0, 0) canto superior esquerdo. Como posso redefinir este ponto de ancoragem de transformação? Tentei usar o transform-originatributo, mas não afetou nada. Foi …
1
Largura de traço fixa em SVG
Eu gostaria de poder definir a largura do traço em um elemento SVG para ser "ciente de pixels", que sempre tem 1px de largura, independentemente das transformações de escala aplicadas atualmente. Estou ciente de que isso pode ser impossível, já que o objetivo do SVG é ser independente de pixel. …
103 svg  visualization 
14
Como estilizar SVG com CSS externo?
Tenho vários gráficos SVG que gostaria de modificar as cores por meio de minhas folhas de estilo externas - não diretamente em cada arquivo SVG. Não estou colocando os gráficos em linha, mas armazenando-os na minha pasta de imagens e apontando para eles. Eu os implementei dessa forma para permitir …
102 html  css  svg  stylesheet  external 
6
Converter SVG em PNG usando C # [fechado]
Fechadas. Esta pergunta não atende às diretrizes do Stack Overflow . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que esteja no tópico do Stack Overflow. Fechado 6 anos atrás . Melhore esta questão Tenho tentado converter imagens SVG para PNG usando C #, sem …
102 c#  .net  png  svg 
6
Gradiente SVG usando CSS
Estou tentando aplicar um gradiente a um rectelemento SVG . Atualmente, estou usando o fillatributo. No meu arquivo CSS: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } E o rectelemento tem a cor de preenchimento correta quando visualizado no navegador. No entanto, gostaria de saber se posso aplicar um …
22
O Chrome não renderiza SVG referenciado por meio da tag <img>
Estou tendo problemas com o google chrome, não renderizando svg com uma tag img. Isso acontece ao atualizar a página e ao carregar a página inicial. Posso fazer com que a imagem apareça "Inspecionando Elemento", clicando com o botão direito do mouse no arquivo SVG e abrindo o arquivo SVG …
6
Incorporar SVG em SVG?
Tenho um documento SVG e gostaria de incluir uma imagem SVG externa nele, ou seja, algo como: &lt;object data="logo.svgz" width="100" height="100" x="200" y="400"/&gt; ("objeto" é apenas um exemplo - o documento externo será SVG em vez de xhtml). Alguma ideia? Isso é mesmo possível? Ou é melhor simplesmente inserir o …
98 xml  svg  embedding 
5
Ícones SVG x ícones PNG em sites modernos
Estou me perguntando por que tão poucos sites modernos ainda usam apenas PNGs para ícones (mas essa suposição se baseia apenas na minha observação). Até agora eu sei, as principais razões para usar PNGs em vez de SVGs são o IE8 e que o SVG usa mais energia da CPU …
95 html  svg  icons 
8
Extraindo SVG de Font Awesome
Quero obter os dados do caminho SVG dos glifos Font Awesome para que possa usá-los diretamente como SVG no meu HTML. Achei que seria tão fácil quanto copiar e colar os dados do caminho de fontawesome-webfont.svg , mas quando o uso em meu HTML, os símbolos são renderizados de cabeça …
93 html  svg  font-awesome 
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.