Perguntas com a marcação «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 apontando para renderizadores …

603 html  svg  vector-graphics 

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 …

575 image  svg  png  jpeg  gif 

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 …

476 javascript  html  svg  html5-canvas 

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 via CSS. Existem …

437 jquery  css  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 funciona.

416 colors  svg  transparency  alpha  fill 

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 ignorado, ele …

388 svg  imagemagick  png 

É 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 trabalho em …

379 html  css  svg  svg-filters 

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? …

376 javascript  html  ipad  svg 

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 …

374 css  image  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" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /> </svg> Executar snippet …

346 css  svg 

Quero converter SVG em imagens de bitmap (como JPEG, PNG etc.) através de JavaScript.

300 javascript  svg 

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() { $(this).addClass("clicked"); }); Eu sei que o SVG e o jQuery estão …

289 javascript  jquery  css  svg  jquery-svg 

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

283 css  svg 

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 atributo "fill" de um …

270 html  css  svg 

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, não está aceitando novas respostas ou interações. …

266 svg  png