jQuery Girl
  1. jQuery Girl
  3. Impossible d’append une image dans SVG via jQuery: la balise devient
Intereting Posts
Ajouter un lien de feuille de style pour l’impression déclenchée par l’événement click () jQuery Comment détecter: Appuyez deux fois sur la même touche, mais maintenez-la enfoncée une seconde fois pendant 2 secondes. Problème d’insertion étrange avec jQuery Chargement de Handsontable à partir d’un service WCF compatible AJAX En termes de performances, quelle est la meilleure méthode pour afficher 1000 images sur une page? Désactivation de la case à cocher en mode «multisélectionner: true» pour une ligne spécifique dans jqgrid jQuery “Uncaught TypeError: undefined n’est pas une fonction” lors de l’utilisation de fadeIn (); Comment lier .hover () à un élément “li” créé dynamicment? L’appel WordPress Ajax ($ .post) renvoie 0 – même en utilisant die () et wp_ajax_ACTION correct Qu’est-ce que jQuery pour Document.createElementNS ()? Afficher Div quand position de défilement La méthode jQuery .ajax dans IE7 et IE6 ne fonctionne pas mais fonctionne correctement dans Firefox jQuery: ajoute des éléments jusqu’à atteindre une hauteur particulière Javascript Filter Livres par Genre Jquery “si ceci et si cela” alors faites ceci

Impossible d’append une image dans SVG via jQuery: la balise devient

Je souhaite append des éléments dans un fichier SVG via jQuery. Je peux bien insérer des balises telles que ou mais je ne peux pas insérer d’images avec la balise .

Cette balise devient automatiquement, ce qui ne permet pas d’afficher une image au format SVG: http://jsfiddle.net/G4mJf/

Comment puis-je empêcher cela? Si c’est impossible, existe-t-il un autre moyen d’insérer des images dans SVG à l’aide de JavaScript / jQuery.

vous devriez utiliser createElementNS() : 

 var img = document.createElementNS('http://www.w3.org/2000/svg','image'); img.setAtsortingbuteNS(null,'height','536'); img.setAtsortingbuteNS(null,'width','536'); img.setAtsortingbuteNS('http://www.w3.org/1999/xlink','href','https://upload.wikimedia.org/wikipedia/commons/2/22/SVG_Simple_Logo.svg'); img.setAtsortingbuteNS(null,'x','10'); img.setAtsortingbuteNS(null,'y','10'); img.setAtsortingbuteNS(null, 'visibility', 'visible'); $('svg').append(img);

jQuery seul ne peut pas gérer correctement la manipulation SVG, comme l’explique cette réponse . Vous devriez probablement utiliser Raphael , ou l’une des méthodes de hacky décrites dans le lien ci-dessus.