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.

476
Tela HTML5 vs. SVG vs. div

Qual é a melhor abordagem para criar elementos em tempo real e poder movê-los? Por exemplo, digamos que eu queira criar um retângulo, círculo e polígono, selecione esses objetos e mova-os. Entendo que o HTML5 fornece três elementos que podem tornar isso possível: svg , canvas e div . Pelo que eu...

388
Como converter um SVG para PNG com ImageMagick?

Eu tenho um arquivo SVG que tem um tamanho definido de 16x16. Quando uso o programa de conversão do ImageMagick para convertê-lo em PNG, recebo um PNG de 16x16 pixels muito pequeno: convert test.svg test.png Preciso especificar o tamanho do pixel do PNG de saída. -sizeparâmetro parece ser...

379
Sombra SVG usando css3

É possível definir sombra projetada para um elemento svg usando css3, algo como box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Vi algumas observações sobre a criação de sombras usando efeitos de filtro. Existe um exemplo de uso de css sozinho. Abaixo está um código de...

376
Detectar o iPad Mini em HTML5

O iPad Mini da Apple é um clone menor do iPad 2 de mais maneiras do que gostaríamos. Em JavaScript, o window.navigatorobjeto expõe os mesmos valores para o Mini e o iPad 2. Até agora, meus testes para detectar a diferença não levaram ao sucesso. Por que isso é importante? Como as telas do iPad...

374
img src SVG alterando os estilos com CSS

html <img src="logo.svg" alt="Logo" class="logo-img"> css .logo-img path { fill: #000; } O svg acima carrega e é nativo, fill: #fffmas quando eu uso o acima csspara tentar mudá-lo para preto, ele não muda, é a primeira vez que eu jogo com SVG e não sei ao certo por que ele não está...

346
Como mudar a cor de um elemento svg?

Eu quero usar essa técnica http://css-tricks.com/svg-fallbacks/ e alterar a cor svg, mas até agora não consegui fazer isso. Coloquei isso no CSS, mas minha imagem é sempre preta, não importa o quê. Meu código: .change-my-color { fill: green; } <svg> <image class="change-my-color"...

283
SVG embutido em CSS

É possível usar uma definição SVG embutida em CSS? Quero dizer algo como: .my-class { background-image:

266
Como converter uma imagem PNG para SVG? [fechadas]

Fechado . Esta questão precisa ser mais focada . No momento, não está aceitando respostas. Fechado há 4 anos . Bloqueado . Esta pergunta e suas respostas estão bloqueadas porque a questão está fora do tópico, mas tem um significado histórico. No momento,...

254
Como centralizo um SVG em uma div?

Eu tenho um SVG que estou tentando centralizar em uma div. A div tem uma largura ou 900 px. O SVG tem uma largura de 400px. O SVG tem sua margem esquerda e margem direita ajustada para automático. Não funciona, apenas age como se a margem esquerda fosse 0 (padrão). Alguém conhece o meu...

254
jQuery SVG vs. Raphael [fechado]

Fechado . Esta questão é baseada em opiniões . No momento, não está aceitando respostas. Deseja melhorar esta pergunta? Atualize a pergunta para que ela possa ser respondida com fatos e citações editando esta postagem . Fechado há 6 anos . Melhore...

236
Como posso fazer uma escala svg com seu contêiner pai?

Eu quero ter uma escala de conteúdo do elemento svg embutido quando o tamanho não for nativo. É claro que eu poderia tê-lo como um arquivo separado e escalá-lo assim. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> No...

222
Como crio uma lágrima em HTML?

Como crio uma forma como essa para ser exibida em uma página da web? Eu não quero usar imagens, pois elas ficam embaçadas no dimensionamento Eu tentei com CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px;...