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.
Devo usar <img>, <object>ou <embed>para carregar arquivos SVG em uma página de uma forma semelhante ao carregamento de um jpg, gifou png? Qual é o código de cada um para garantir que funcione da melhor maneira possível? (Estou vendo referências à inclusão do tipo de mimet ou...
Quando certos tipos de arquivo de imagem devem ser usados na criação de sites ou interfaces, etc? Quais são seus pontos fortes e fracos? Eu sei que PNG e GIF são sem perdas, enquanto JPEG é com perdas. Mas qual é a principal diferença entre PNG e GIF? Por que devo preferir um ao outro? O que...
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...
Para obter mais informações sobre o Stack Overflow, consulte Stack Overflow. Esta é uma sessão de perguntas e respostas de um pedaço de código útil que eu criei. Atualmente, não há uma maneira fácil de incorporar uma imagem SVG e, em seguida, ter acesso aos elementos SVG...
É possível definir um nível de transparência ou alfa nas cores de preenchimento SVG? Tentei adicionar dois valores à tag de preenchimento (alterá-la de fill="#044B94"para fill="#044B9466"), mas isso não
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...
É 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...
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...
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á...
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"...
Quero converter SVG em imagens de bitmap (como JPEG, PNG etc.) através de
Estou usando o jQuery SVG. Não consigo adicionar ou remover uma classe para um objeto. Alguém conhece o meu erro? O SVG: <rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /> O jQuery que não adicionará a classe: $(".jimmy").click(function() {
É possível usar uma definição SVG embutida em CSS? Quero dizer algo como: .my-class { background-image:
Colocando a saída SVG diretamente alinhada com o código da página, eu posso modificar as cores de preenchimento com CSS da seguinte maneira: polygon.mystar { fill: blue; } circle.mycircle { fill: green; } Isso funciona muito bem, no entanto, estou procurando uma maneira de modificar o...
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,...
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...
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...
Quero colocar algumas imagens SVG antes de alguns elementos selecionados. Estou usando jQuery, mas isso é irrelevante. Eu gostaria de ter o :beforeelemento para ser como: #mydiv:before { content: '<svg.. code here</svg>'; display: block; width: 22px; height: 10px; margin: 10px 5px 0...
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...
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;...