Articles of svg

Remover os seletores de elementos HTML do host criados pelo componente angular

Em angular 2, svg-rect é um componente que cria rect como abaixo, mas isso não será renderizado por causa das tags de elemento especiais criadas. Se as tags svg-rect forem removidas, ele renderiza o No Angular 1.x, há replace: ‘true’, que remove as tags da diretiva com a saída compilada. Podemos implementar o mesmo em […]

Inverta o canto arredondado em CSS?

Eu tenho um código css: -moz-border-radius-topleft:50px; Eu obtenho o resultado: Existe alguma possibilidade de dar assim:

Como usar o z-index em elementos svg?

Estou usando os círculos svg no meu projeto assim, E estou usando o z-index na tag g para mostrar os elementos do primeiro. No meu projeto eu preciso usar apenas o valor z-index, mas não posso usar o z-index para meus elementos svg. Eu pesquisei muito, mas não encontrei nada relativamente. Então, por favor me […]

Atualizando o elemento Z do índice SVG com D3

O que é uma maneira eficaz de trazer um elemento SVG ao topo da ordem z, usando a biblioteca D3? Meu cenário específico é um gráfico de pizza que destaca (adicionando um stroke ao path ) quando o mouse está sobre uma determinada peça. O bloco de código para gerar meu gráfico está abaixo: svg.selectAll(“path”) […]

Forma de triângulo com imagem de fundo

Eu estou trabalhando em um projeto que pede dois triângulos para armazenar imagens de fundo e ser links. Aqui está a minha simulação de como eu gostaria dos dois triângulos. Atualmente, tenho apenas dois divs que abrangem os 900 x 600 com cada triângulo como uma imagem de plano de fundo. A questão que estou […]

Com JavaScript, posso alterar o índice / camada Z de um elemento SVG ?

Digamos que eu tenha algumas formas compostas ( ). Eu quero ser capaz de clicar e arrastá-los, mas eu quero que o que eu esteja arrastando no momento esteja no TOPO do outro na ordem Z, de modo que se eu o arrastar sobre o outro, o outro um deve ser eclipsado.

Como adicionar uma dica de ferramenta a um gráfico svg?

Eu tenho uma série de retângulos svg (usando D3.js) e eu quero exibir uma mensagem no mouseover, a mensagem deve ser cercada por uma checkbox que atua como plano de fundo. Ambos devem estar perfeitamente alinhados entre si e com o retângulo (no topo e no centro). Qual é a melhor maneira de fazer isso? […]

Como usar marcadores SVG na API do Google Maps v3

Posso usar meu image.svg convertido como ícone do google map. Eu estava convertendo minha imagem png para svg e eu quero usar isso como o símbolo google map que pode ser girado. Eu já tentei usar o google map symbol, mas eu quero ter um ícone como car, man, etc … É por isso que […]

Você pode controlar como a largura de traçado de um SVG é desenhada?

Atualmente construindo um aplicativo SVG baseado em navegador. Dentro deste aplicativo, várias formas podem ser estilizadas e posicionadas pelo usuário, incluindo retângulos. Quando aplico uma stroke-width a um elemento SVG rect de, digamos, 1px , o traço é aplicado ao deslocamento do retângulo e inserido de maneiras diferentes por diferentes navegadores. Isso está provando ser […]

Transformar origem em SVGs no Firefox

Eu sou novo em animar SVGs e me deparei com um problema que só parece acontecer no Firefox. Eu criei uma animação aqui – http://codepen.io/iamali/pen/txvpo – de uma cena do céu. O sol deve girar e desaparecer. Ele funciona bem no Chrome, mas, por algum motivo, parece ignorar o valor de origem da transformação no […]