Articles of svg

Como incluo novas linhas em labels nos charts D3?

Estou usando o D3 para gerar um gráfico de barras (adaptei o código deste exemplo ). Os labels que estou usando no eixo x têm algumas palavras cada um e, como isso faz com que todos os labels se sobreponham, preciso dividi-los em linhas. (Tudo bem se eu puder replace todos os espaços em cada […]

Como converter uma imagem PNG em um SVG?

Como converter uma imagem PNG em um SVG?

Cor de fundo do texto no SVG

Eu quero colorir o plano de fundo do text svg semelhante ao background-color em css Eu só consegui encontrar documentação sobre fill , que colore o próprio texto É mesmo possível?

Filtros angulares e SVG

Eu vi um comportamento estranho ao usar o SVG com o AngularJS. Estou usando o serviço $routeProvider para configurar minhas rotas. Quando eu coloco este SVG simples em meus templates, está tudo bem: // … Mas quando eu adiciono um filtro, com este código por exemplo: Então: Funciona na minha homepage . Com o Firefox […]

Animação SVG não está funcionando no IE11

Eu tenho uma animação de carregamento muito simples que funciona perfeitamente no Firefox e no Chrome, mas no IE11 não está mostrando a figura do SVG. Aqui está o exemplo completo: Amostra JSFiddle SVG: A animação, que é uma rotação, está trabalhando no IE11, mas o SVG, que é um círculo, não está sendo exibido. […]

Como criar um círculo com links no lado da borda

Eu estou tentando fazer um círculo como este . Eu consegui fazer isso no violino, mas o problema é que eu preciso de cada lado laranja para ser um link e não posso fazê-lo com bordas. Se alguém puder me ajudar com isso, serei muito grato. #circle { width: 200px; height: 200px; border-radius: 50%; background: […]

HTML5 Canvas vs. SVG vs. div

Qual é a melhor abordagem para criar elementos na hora e ser capaz de movê-los? Por exemplo, digamos que eu queira criar um retângulo, um círculo e um polígono e, em seguida, selecioná-los e movê-los. Eu entendo que o HTML5 fornece três elementos que podem tornar isso possível: svg , canvas e div . Para […]

Desenho de círculo com o caminho do arco do SVG

O caminho SVG a seguir pode desenhar 99,99% de um círculo: (experimente em http://jsfiddle.net/DFhUF/46/ e veja se você vê 4 arcos ou apenas 2, mas observe que se for IE, ele será renderizado em VML, não SVG, mas tem o problema semelhante) M 100 100 a 50 50 0 1 0 0.00001 0 Mas quando […]

Círculo oco ou recortado transparente

É possível cortar um círculo oco usando apenas CSS ? Isso tudo podemos fazer: Mas podemos fazer isso? O círculo deve ser oco e transparente . Assim, o problema não é resolvido colocando um círculo de cor sólida sobre uma div .

Como calcular o caminho SVG para um arco (de um círculo)

Dado um círculo centrado em (200.200), raio 25, como faço para desenhar um arco de 270 graus a 135 graus e um que vai de 270 a 45 graus? 0 grau significa que está à direita no eixo x (o lado direito) (o que significa que é a posição 3 horas) 270 graus significa que […]