Resultados da pesquisa a pedido "svg"
Como aplicar o recorte svg d3.js. após o zoom
Eu estou tentando usar um svg-clippath com d3.js e o comportamento do zoom. O código a seguir cria um retângulo, que será cortado por uma região de recorte retangular. <svg class="chart"></svg> <script> var width = 800; var height = 600; var svg ...
Usando XSLT para criar SVG
Eu tenho um arquivo XML que armazena dados sobre aulas em uma escola. Estou apenas começando a mexer com o SVG, então criei um arquivo SVG para representar os números de matrícula em cada turma. Aqui está uma versão reduzida do que eu vim ...
Node.js: como passar o valor do parâmetro do terminal para o script JS
Dado umjsdom Sediadasvgcreator.node.js Arquivo de script : var jsdom = require('jsdom'); jsdom.env( "<html><body></body></html>", // CREATE DOM HOOK [ 'http://d3js.org/d3.v3.min.js', // JS DEPENDENCIES online ... 'js/d3.v3.min.js' ], // ... & ...
Redimensionar automaticamente SVG dentro da diretiva AngularJS com base no elemento do contêiner
Estou colocando uma diretiva angular dentro de um elemento de tamanho dinâmico. A própria diretiva consiste em um SVG que é calculado com base no tamanho do elemento. Estou tentando fazer o SVG redimensionar e redesenhar com base no tamanho do ...
Converter atributo d Caminho SVG em uma matriz de pontos
Quando posso criar uma linha da seguinte maneira: var lineData = [{ "x": 50, "y": 50 }, {"x": 100,"y": 100}, {"x": 150,"y": 150}, {"x": 200, "y": 200}]; var lineFunction = d3.svg.line() .x(function(d) { return d.x; }) .y(function(d) { return ...
Como fazer o Chrome redesenhar SVG de conteúdo adicionado dinamicamente?
Adicionei dinamicamente os elementos do círculo ao svg exibido em um iFrame. O Chrome não está mostrando os novos elementos, ainda não tentou o FF. Há alguma espécie de redesenho / atualização que eu preciso ligar? O primeiro círculo ...
Arquivo SVG renderiza imagem em tamanho menor
Estou trabalhando pela primeira vez com arquivos SVG. Eu sou capaz de carregar arquivos SVG no webview, mas as imagens estão ficando menores que o original. eles estão ficando encolhidos por um fator específico ...... Existe alguma solução para o ...
O padrão de preenchimento SVG funciona no Firefox e Chrome, mas não no Safari
O Safari 6.1.5 não está exibindo um padrão em um retângulo SVG. Finalmente simplifiquei esse caso de teste: <html> <head> <style> .patterned { fill: url("#myid") none; stroke:blue} </style> </head> <body> <svg width="2880" height="592"> <defs> ...
SVG fill pat, tern usando uma referência a uma definição em um arquivo
A tentativa a seguir de fazer um retângulo com um preenchimento de padrão não parece funcionar no Safari 6.1, Firefox 30 ou Chrome 36, mesmo que a especificação W3parece dizer [http://www.w3.org/TR/SVG/linking.html#IRIforms]que eu posso usar ...
D3 gerado linearGradient não funciona no Firefox / IE
Estou trabalhando em uma biblioteca D3 que integra o D3 às diretivas AngularJS chamadasAngularD3 [https://github.com/wealthbar/angular-d3]. Uma das diretivas recentes permite que sejam gerados gradientes que podem ser vinculados aos dados e ...