Articles of svg

Remplir un chemin SVG avec plusieurs couleurs

J'ai une carte des provinces d'un pays en tant que SVG, où chaque province est un chemin SVG. Le SVG actuel est la carte de province suivante. Ce que j'aimerais faire, c'est remplir une partie de la province (le chemin) d'une seule couleur, une deuxième partie avec une autre et le reste avec une autre […]

Bangalore geojson carte avec d3 js

J'essaie d'utiliser un fichier Bangalore Geojson avec 8 zones (fonctionnalités) en utilisant d3.js La carte ne s'affiche pas correctement. Qu'est-ce qui ne va pas ici? ?? <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>D3: expr maps</title> <script type="text/javascript" src="d3/d3.min.js"></script> <style type="text/css"> /* No style rules here yet */ </style> </head> <body> <script type="text/javascript"> //Width and […]

Support webView Android pour le rendu svg

J'ai une application qui est développée avec Android 4.03 – API de niveau 15. Elle a une vue web dont je veux utiliser pour afficher une page html avec du contenu svg. Un certain contenu svg est directement intégré à html et certains sont dynamiquement rendus à l'aide de javascript. J'ai une tablette S7 de […]

D3 étiquettes courbes au centre de l'arc

J'ai pu construire un tableau de donuts étiqueté comme dans le violon suivant: Http://jsfiddle.net/MX7JC/9/ Mais maintenant, j'essaie de placer l'étiquette au milieu de chaque arc et de les couvrir le long de l'arc (courbe l'étiquette pour suivre chaque arc). Pour ce faire, j'ai pensé à mettre le svg:text long de svg:textPath utilisant la fonction d3.svg.line.radial […]

SVG dans XHTML5: définir des attributs avec un espace de noms approprié

TL; DR Résumé : Est-il approprié d'utiliser setAttribute au lieu de setAttributeNS pour les éléments SVG? Détails : Considérez cette image SVG intégrée dans XHTML5 qui utilise JavaScript pour créer et ajouter dynamiquement des éléments au dessin: http://phrogz.net/svg/svg_in_xhtml5.xhtml Les éléments SVG créés par JavaScript et ajoutés à l'élément <svg> doivent être créés en utilisant … […]

SVG – Depuis les coordonnées de la fenêtre vers les coordonnées de ViewBox

Fondamentalement, j'ai un svg "SecondSVG" dans un svg "FirstSVG" dans un svg "MainSVG". Tout ce svg a sa propre ViewBox. Cette page peut être chargée n'importe où sur l'écran par une autre page. Donc, fondamentalement, comment puis-je trouver l'écran x pour viewBox pour "SecondSVG" sachant que ce svg peut être chargé essentiellement n'importe où en […]

Parse SVG et ajoutez-le à un élément svg

J'ai un service où je souhaite ajouter dynamiquement des pièces SVG à l'élément ag. C'est ce que le service retourne: <g xmlns="http://www.w3.org/2000/svg" style="pointer-events: all;" opacity="1"> <title style="pointer-events: inherit;">Layer 1</title> <path id="svg_1" style="pointer-events: inherit;" fill="none" stroke="#000000" stroke-width="5" d="M 231.5 122.5 C 230.5 122.5 221.666 124.214 214.5 125.5 C 201.667 127.803 184.514 129.581 173.5 131.5 C 167.508 […]

Polygone de brochure avec contour flou

Je cherche un moyen d'avoir un contour flou / flou / gradient d'un polygone de liste. Cela devrait aider à rendre les contours de pays plus simples (actuellement, lorsque vous effectuez un zoom vers un svg représentant un pays, il devient laid / inexact). Je pensais joindre les attributs CSS au svg semblable à ceci: […]

Trouver les coordonnées du milieu d'un carré svg

Disons que j'ai un carré svg <svg> <rect x="4" y="4" width="80" height="60" id="block_green"/> </svg> J'essaie de trouver le centre exact, dans ce cas (44, 34), de manière flexible, de sorte que même si j'ai écrit: <svg> <rect x="4" y="4" width="80" height="60" transform="rotate(15, 44, 34) id="block_green"/> </svg> Cette question est différente de Comment obtenir le point […]

Restauration SVG

Je travaille sur le dessin d'une grille SVG en utilisant Javascript. J'ai réussi à obtenir l'axe dessiné, ainsi que mes étiquettes de quadrant. Cependant, j'ai rencontré un problème en ajoutant mes points dynamiques. J'essaie de dessiner les points dans l'événement onload de l'élément SVG. Lors de l'utilisation de Firebug, j'ai pu confirmer que les éléments […]