Articles of svg

Grunt cwd option issue

J’essaie de configurer le plug-in grunt-svg-sprite dans mon projet et conformément à la documentation ici http://gruntjs.com/configuring-tasks : cwd Toutes les correspondances src sont relatives à (mais n’incluent pas) ce chemin. src Motif (s) à associer, par rapport au cwd. Et selon https://www.npmjs.com/package/grunt-svg-sprite Cependant, étant donné que le chemin / vers / les ressources deviendrait une […]

Calculer la taille exacte d’un glyphe de police

J’ai besoin d’un moyen de trouver la taille et la position exactes d’un glyphe par rapport à son cadre de sélection. Nous utilisons D3.js pour créer un fichier SVG avec un en-tête, un byline plus petit et un corps de texte court. À peu près ceci: Lorem ipsum Lorem ipsum dolor Lorem ipsum dolor sit […]

SVG Image devient noire après la mise à jour de son chemin via jQuery

J’ai le code html suivant J’essaie de changer le chemin de l’image avec jQuery et l’image devient noire. $ = cheerio.load(data); $(‘image’).each(function() { var $img = $(this); $(this).attr(‘xlink:href’,’My PATH’).html(); }); J’utilise node.js et le module cheerio. Merci

rendre le fichier svg et le servir en utilisant express

Je voudrais savoir comment rendre et servir un fichier svg en utilisant Express. À l’heure actuelle, je peux servir un svg en tant que fichier XML brut. Voici ce que je fais: route router.get(‘/status’, function (req, res, next) { res.setHeader(‘Content-Type’, ‘image/svg+xml’); res.sendFile(path.join(__dirname, ‘../views/status.svg’)); }); svg Lorsque je clique sur cette route, le code XML brut […]

nodejs imagemagick convertissant svg en png ajoute un fond blanc, comment le garder transparent?

J’essaie d’utiliser imagemagick pour convertir les svgs en pngs, les redimensionner et les mettre dans un stream de réponses. J’utilise https://www.npmjs.com/package/imagemagick comme ceci: var imageUri = __dirname + ‘/images/’ + project + ‘/’ + image + ‘.svg’; console.log(imageUri); var svg = fs.readFileSync(imageUri, ‘utf8’); res.writeHead(200, {‘Content-Type’: ‘image/png’ }); var size = ” + (100 * scale); […]

Comment puis-je exécuter un script javascript en tant que script node.js sans le DOM?

https://github.com/jasondavies/d3-cloud est un nuage de mots en javascript utilisant la bibliothèque D3. Ceci est une démo interactive . La démonstration a utilisé le script d3-cloud pour générer un fichier SVG au format HTML. J’aimerais utiliser ceci côté serveur et obtenir que node.js me génère un fichier SVG et l’enregistre sur le disque chaque fois que […]

Intersecter des chemins svg

J’ai besoin d’intersecter 2 chemins svg et obtenir le chemin avec leur intersection. Cela devrait fonctionner dans browser ou dans node.js (aucun des deux, pas les deux). J’ai besoin d’intersection, l’utilisation de clip-path n’est pas correcte. Si, pour une raison quelconque, l’intersection utilise transform c’est ok (je le supprimerai moi-même) Je pense qu’il y a […]

Server Side d3 – Encodage de SVG sous forme d’image Base64

J’essaie de coder un graphique D3 en tant qu’image base64 pour une utilisation dans des courriers électroniques HTML Jusqu’à présent j’ai: var express = require(‘express’); var app = express(); var jsdom = require(‘jsdom’); app.get(‘/chart’, function (request, response) { try { jsdom.env( “”, [‘http://d3js.org/d3.v3.min.js’], function (err, window) { var svg = window.d3.select(“svg”) .attr(“width”, 100) .attr(“height”, 100); […]

Node.js: comment passer la valeur du paramètre du terminal au script JS

Étant donné un fichier de script jsdom basé sur svgcreator.node.js : var jsdom = require(‘jsdom’); jsdom.env( “”, // CREATE DOM HOOK [ ‘http://d3js.org/d3.v3.min.js’, // JS DEPENDENCIES online … ‘js/d3.v3.min.js’ ], // … & offline // D3JS CODE * * * * * * * * * * * * * * * * * * […]

Pousse-pousse CSS / Axes dans JSDOM

J’utilise Node sur une application côté serveur, pour produire dynamicment des graphiques. J’utilise d3.js et rickshaw.js pour créer des versions SVG du graphe et imagemagick pour convertir ce SVG en png. J’utilise JSDOM comme DOM. Je reçois cette erreur: https://github.com/shutterstock/rickshaw/issues/186 La solution donnée ici est de récupérer le css, j’ai trouvé une réponse sur le […]