J'essaie d'ajouter un élément de texte à l'élément <g> dans un document SVG en utilisant javascript mon code ressemble à ceci function addText(x,y,val){ var newtxt = document.createElementNS("http://www.w3.org/2000/svg", "text"); $newtxt = $(newtxt); $newtxt.attr('x',x); $newtxt.attr('y',y); $newtxt.attr('font-size','100'); $newtxt.val(val); $newtxt.appendTo($('g'));} Mais lorsque je l'exécute, le texte n'est pas affiché. L'élément est ajouté à l'élément <g> , mais la valeur […]
Après avoir instancié Raphael texte comme si var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!"); Comment puis-je aborder la modification de ce texte? t.text = "test"; N'a pas travaillé pour moi.
J'ai récemment mis en place un contrôle personnalisé de l'icône SVG pour la nouvelle application html de ma société. Peu de temps après la mise en œuvre, notre département de qualité a commencé à signaler que IE 11 "se bloque" au hasard lors de l'utilisation de l'application. Je ne suis pas sûr que le terme […]
Je place une directive angulaire dans un élément de taille dynamique. La directive elle-même consiste en un SVG qui est calculé en fonction de la taille de l'élément. J'essaie de faire redimensionner et redimensionner automatiquement le SVG en fonction de la taille du conteneur. J'ai initialement essayé quelque chose comme ceci: My-directive.js angular .module('myModule') .directive('myDirective', […]
J'ai essayé de faire pivoter le symbole de l'API Google Maps API SVG, de sorte qu'il montre l'en-tête correct de l'avion chaque fois que le symbole se déplace. Il est initialement chargé montrant le bon emblème – je ne peux pas sembler savoir comment le mettre à jour sur le nouveau titre. J'ai passé 2 […]
J'essaie de faire un diagramme d'emballage de cercle zoomable. J'aimerais que chaque cercle d'enfant contienne un graphique plus petit qui aurait toujours la même structure (c.-à-d. 4 colonnes, que les hauteurs des barres changeraient). J'ai essayé d'ajouter un simple rect à mon graphique jusqu'à présent, mais les récits ne sont pas ajoutés dans le cercle […]
J'essaie de créer des cercles partiellement remplis comme ceux de la visualisation finale des conventions politiques du NYT: http://www.nytimes.com/interactive/2012/09/06/us/politics/convention-word-counts.html Les deux exemples de code les plus clairs que j'ai trouvés pour clipPaths dans d3 ( https://gist.github.com/1067636 et http://bl.ocks.org/3422480 ) créent des éléments individuels div avec des identifiants uniques pour chaque clip-path Puis appliquez ces chemins […]
J'ai le balisage suivant (HTML avec SVG natif): <!doctype html> <!– … html-Elements … –> <svg version="1.1" … > <defs> <circle id="infop" cx="0" cy="0" r="9" /> </defs> <!– … svg Elements … –> <svg> <!– to have separate coordinate-system –> <g id="outSvg"></g> </svg> … Une méthode js produit une ligne et plusieurs <use href="infotop"> Éléments […]
Il y a quelque temps, j'ai demandé à propos de " Angular.js rendering SVG templates in directives ", où je remplaçais les nœuds DOM que les objets angulaires rendent lors du rendu des modèles avec des noeuds SVG. J'ai reçu une réponse qui m'a répondu pour moi, mais j'ai réalisé que j'ai perdu toutes les […]
Liens utiles JVectorMap: http://jvectormap.com/ Complexe d'achats Exemple: http://jvectormap.com/examples/mall/ Remarque; S'il vous plaît, consultez le lien ci-dessus pour le lien du convertisseur car en raison de moins de 10 points de réputation étant un nouveau membre, je ne peux pas ajouter plus de deux liens. À propos du complexe commercial Dans la section «Liens utiles» de […]