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...
O que exatamente o enable-backgroundatributo faz? Eu li a especificação, mas ainda não
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...
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...
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,...
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 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...
Eu quero colorir o fundo do SVG textsemelhante ao background-colordo CSS Só consegui encontrar documentação sobre fill, que colore o próprio texto É mesmo
Como faço para converter um svgpara png, em Python? Estou armazenando svgem uma instância de StringIO. Devo usar a biblioteca pyCairo? Como faço para escrever esse
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 em uma...
Tenho um documento SVG e gostaria de incluir uma imagem SVG externa nele, ou seja, algo como: <object data="logo.svgz" width="100" height="100" x="200" y="400"/> ("objeto" é apenas um exemplo - o documento externo será SVG em vez de xhtml). Alguma ideia? Isso é mesmo possível? Ou é melhor...
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 (mas não acredito que isso seja...
Parece que deve ser fácil, mas não estou conseguindo nada. Quero fazer uma página HTML contendo uma única imagem SVG que é dimensionada automaticamente para caber na janela do navegador, sem qualquer rolagem e preservando sua proporção. Por exemplo, no momento tenho uma imagem SVG de 1024x768; se...
Definir a largura do traço: 1 em um <rect>elemento em SVG coloca um traço em cada lado do retângulo. Como colocar uma largura de traço em apenas três lados de um retângulo
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 para baixo....
Quais são as diferenças entre SVG e HTML5 Canvas? Ambos parecem fazer o mesmo comigo. Basicamente, ambos desenham arte vetorial usando pontos de coordenadas. o que estou perdendo? Quais são as principais diferenças entre o SVG e o HTML5 Canvas? Por que devo escolher um em vez do...
Posso usar meu image.svg convertido como ícone do mapa do Google. Eu estava convertendo minha imagem png para svg e quero usar isso como o símbolo do mapa do Google que pode ser girado. Já tentei usar o símbolo do mapa do google mas quero ter um ícone como carro, homem, etc ... É por isso que...
Existe alguma maneira de fazer um corte de texto transparente de um efeito de fundo como o da imagem a seguir, com CSS? Seria triste perder todo o SEO precioso por causa das imagens substituindo o texto. Primeiro pensei em sombras, mas não consigo descobrir nada ... A imagem é o fundo do...
Eu tenho uma série de retângulos SVG (usando D3.js) e quero exibir uma mensagem ao passar o mouse, a mensagem deve estar cercada por uma caixa que atua como plano de fundo. Eles devem estar perfeitamente alinhados entre si e com o retângulo (na parte superior e centralizado). Qual é a melhor...
Em HTML5, os elementos podem ter metadados arbitrária armazenadas em atributos XML cujos nomes começam com data-tais como <p data-myid="123456">. Isso também faz parte da especificação SVG? Na prática, essa técnica funciona bem para documentos SVG em muitos lugares. Mas gostaria de saber...