Dis-lui que, dans JavaScript, vous recevez un seul élément DOM ou Document (par exemple, window.document), comment allez-vous convertir en un XML valide? Plus précisément pour mon exemple, j'ai une page Web qui affiche un SVG, ce SVG dispose de beaucoup de JavaScript pour permettre l'interaction. C'est un affichage graphique qui permet de zoomer sur le […]
Je travaille sur un plan SVG et j'ai rencontré un problème. Je crois que la question se pose parce que j'ai dû regrouper deux éléments semi-translucides, de sorte que lorsqu'ils se chevauchent, ils semblent être une unité solide. Voici un MCVE, qui devrait être visualisé dans Chrome car je n'ai pas utilisé de valeurs "absolues" […]
Ce code fonctionne très bien dans Firefox, mais pas dans IE j'ai lu la documentation de SVGWeb ( http://svgweb.googlecode.com/svn/trunk/docs/UserManual.html ), mais je ne comprends pas le Solution, une idée? window.onsvgload = function() { carga(); var mySVG = document.getElementById("mySVGObject").contentDocument; mySVG.addEventListener('click', function(evt) { alert(evt.target.id); }, false); } J'utilise des choses comme ça dans IE sans problèmes: mySVG.getElementById('Color2').style.fill='#00cc00' […]
J'ai converti un SVG en Rapahel en utilisant http://readysetraphael.com/ Voici un exemple de code produit: … path6233.attr({id: 'path6233' … J'ai regardé dans le document attr et il ne mentionne pas l'ID comme un attribut approprié. L'attribut id n'est pas ajouté au DOM. Existe-t-il un moyen de faire raphael ajouter cette ID au DOM afin que […]
J'ai une centaine d'images SVG simples, stockées dans environ cinq dossiers d'images différents. À l'heure actuelle, lorsqu'ils doivent être affichés, ils sont récupérés dès lors. Ceci, pour la plupart, fonctionne, mais cela cause parfois des scintillements, ce que j'aimerais éliminer. Existe-t-il un moyen de précharger ces images avant leur besoin, afin qu'elles soient mises en […]
Ma ligne de données est supposée être mise derrière les cercles, mais refuse d'être obstinément à le faire. D'abord, je pensais qu'il fallait faire avec l'ordre d'ajout, mais, apparemment, cela ne l'est pas. Et j'ai appris que d' autres avaient un problème similaire aussi. J'aimerais que les points ressemblent à cette image . J'ai remarqué […]
J'utilise la bibliothèque D3 pour créer une application de dessin. J'ai besoin de dessiner un objet (cercle pour simplifier) sur les coordonnées où l'utilisateur a cliqué. Le problème est lorsque l'utilisateur utilise le panoramique et le zoom et déplace la fenêtre. Ensuite, l'objet est un endroit sur une mauvaise position (je suppose que le problème […]
J'essaie de reproduire le comportement de ce SVG expliqué dans cette publication , mais en mettant le JavaScript dans la page HTML et en utilisant D3.js. J'essaie ceci: <!DOCTYPE html> <meta charset="utf-8"> <body> <script src="http://d3js.org/d3.v3.js"></script> <script> var svg = d3.select("body").append("svg") .attr("width", 300) .attr("height", 300) .attr("id","svgBox"); var svgRect = svg.append("rect") .attr("width", 200) .attr("height", 200) .attr("x", 50) […]
J'ai créé un SVG en utilisant inkscape et maintenant je souhaite ajouter de l'animation en fonction d'une certaine logique. Je connais assez bien JavaScript et j'ai une expérience de base avec jQuery. J'ai donc pensé pouvoir animer mon SVG avec jQuery aussi. Google trouve d'innombrables tutoriels sur la façon de travailler avec SVG intégré incorporé […]
J'essaie de modifier la taille d'un texte SVG en utilisant ceci: $("#text"+x).click(function(){ //$(this).style("font-size", "4"); document.getElementById("text"+x).setAttributeNS(null, "font-size", "4px"); //this.attr("font-size", "4px"); alert('it is I'); }); Vous pouvez voir la plupart de mes tentatives échouées là-bas. Je reçois l'alerte pour faire apparaître, mais rien ne se produit et aucun message d'erreur. J'ai cherché sur Internet et Stack Overflow […]