Perguntas com a marcação «svg»

Este é o tipo mime SVG usual: image/svg+xml E funciona muito bem. No entanto, ao incorporar uma fonte SVG, o chrome informa que o tipo mime está incorreto, obviamente porque você retorna uma fonte em vez de uma imagem. Existe algum tipo de mímica universal? o chrome está errado? é …

168 html  svg  font-face  mime-types 

É possível definir um background-imagepara um <path>elemento SVG ? Por exemplo, se eu definir o elemento class="wall", o estilo CSS .wall {fill: red;}funcionará, mas .wall{background-image: url(wall.jpg)}também não .wall {background-color: red;}.

166 html  css  image  svg  background-image 

Alguém sabe como isso pode ser feito? Você usaria um objeto de tela, svg, jQuery, etc?

165 ipad  html  canvas  svg 

Eu encontrei uma infinidade de bibliotecas para usar o svg no Android e evitar a criação frustrante de diferentes resoluções e a queda de arquivos para cada resolução, isso se torna muito irritante quando o aplicativo tem muitos ícones ou imagens. Alguém pode ser gentil em fornecer um processo passo …

165 android  svg  androidsvg 

Então, eu tenho um arquivo SVG em HTML, e uma das coisas que ouvi sobre o formato é que ele não fica todo pixelizado quando você o aproxima. Eu sei com um jpeg ou o que quer que eu possa armazená-lo como um ícone de 50 por 50 e, em …

157 html  svg 

Estou lutando com isso há um tempo e parece que não consigo encontrar uma resposta (que funcione) em qualquer lugar. Eu tenho um arquivo SVG que se parece com isso: <svg xmlns:dc="http://purl.org/dc/elements/1.1/" ... width="72.9375" height="58.21875" ...> ... <g ... transform="translate(10.75,-308.96875)" style="..."> <path inkscape:connector-curvature="0" d="m -10.254587,345.43597 c 0,-1.41732 0.17692,-2.85384 0.5312502,-3.5625 0.70866,-1.41733 …

155 svg  transform  inkscape 

Estou usando os círculos svg no meu projeto assim, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> E eu estou usando o z-index na gtag para mostrar os elementos primeiro. No …

154 javascript  jquery  svg  z-index 

Uma imagem SVG é puramente vetorial ou podemos combinar imagens de bitmap em uma imagem SVG? E as transformações aplicadas nas imagens de bitmap (perspectiva, mapeamentos etc.)? Editar : as imagens podem ser incluídas em um SVG por referência de link. Consulte http://www.w3.org/TR/SVG/struct.html#ImageElement . Minha pergunta era, de fato, se …

147 image  svg  bitmapimage 

Pergunta curta: usando o caminho SVG, podemos desenhar 99,99% de um círculo e ele aparece, mas quando é 99,99999999% de um círculo, o círculo não aparece. Como pode ser consertado? O seguinte caminho SVG pode desenhar 99,99% de um círculo: (tente em http://jsfiddle.net/DFhUF/1381/ e veja se você vê 4 arcos …

146 svg  geometry  drawing  vml  geometric-arc 

Eu tenho um objeto SVG na minha página HTML e estou encapsulando-o em uma âncora. Assim, quando a imagem svg é clicada, ele leva o usuário ao link da âncora. <a href="http://www.google.com/"> <object data="mysvg.svg" type="image/svg+xml"> <span>Your browser doesn't support SVG images</span> </object> </a> Quando eu uso esse bloco de código, …

143 html  object  svg  anchor 

Digamos que eu tenho o arquivo SVG: <svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x='20' y='60' style="font-size: 60px">b</text> <text x='100' y='60' style="font-size: 60px">a</text> </svg> Eu quero de alguma forma alinhar o topo de ae b. Na verdade, eu quero que meu posicionamento seja de acordo com o rooflineinvés de baseline!

142 svg  vertical-alignment  w3c 

eu amo o fonte do ícone Font Awesome e quero usá-la na maioria dos ícones do meu site, mas existem alguns ícones svg personalizados que eu precisaria além do que é oferecido. Notei que a versão .svg do Font Awesome é composta principalmente destes <glyph />elementos: ... <glyph unicode="" horiz-adv-x="1536" …

138 svg  webfonts  font-awesome 

Gostaria de definir uma cor de plano de fundo padrão para todo o documento SVG, para vermelho, por exemplo. <svg viewBox="0 0 500 600" style="background: red">/* content */</svg> A solução acima funciona, mas infelizmente a propriedade background do atributo style não é padrão: http://www.w3.org/TR/SVG/styling.html#SVGStylingProperties e, portanto, é removida durante o …

134 svg 

Existe uma maneira padrão de desenhar um arquivo SVG em uma tela HTML5? O Google Chrome suporta o carregamento do SVG como uma imagem (e simplesmente o uso drawImage), mas o console do desenvolvedor avisa queresource interpreted as image but transferred with MIME type image/svg+xml . Eu sei que uma …

130 html  canvas  svg 

Estou procurando usar um logotipo SVG para um site - para torná-lo ótimo em um design responsivo para todos os dispositivos. Mas, como existem problemas , desejo oferecer suporte ao maior número de dispositivos e navegadores possível. A velocidade da carga também é uma consideração importante. Como as configurações de …

128 html  css  image  svg  adobe-illustrator