J’ai un SVG dans un
$(document).ready(function() { $('div').draggable({ handle: 'rect' }).resizable({ aspectRatio: 1.0 }); });
tout fonctionne. Le est déplacé et redimensionné avec le
$(document).ready(function() { $('body').append(''); var svg = document.createElementNS('http://www.w3.org/2000/svg', "svg"); svg.setAtsortingbuteNS(null, "viewbox", "0 0 400 400"); $('div').append(svg); var square = document.createElementNS('http://www.w3.org/2000/svg', "rect"); square.setAtsortingbuteNS(null, "width", "200"); square.setAtsortingbuteNS(null, "height", "200"); square.setAtsortingbuteNS(null, "x", "0"); square.setAtsortingbuteNS(null, "y", "0"); square.setAtsortingbuteNS(null, "style", "fill:#FF0000"); $('svg').append(square); $('div').draggable({ handle: 'rect' }).resizable({ aspectRatio: 1.0 }); });
seul le glissement continue de fonctionner à la fois pour le
et le
. Le redimensionnement ne fonctionne que pour le
, le
ne change pas du tout de taille.
Qu’est-ce qui ne va pas?
- Jquery Ajax en utilisant .on (“submit”,
- jQuery UI sélectionnable désactiver
- Quelles sont vos recommandations sur un plugin d’élément de sélection personnalisé jQuery?
- Vérifier si windows / page / document / iframe a le focus
- Bootstrap superposer le contenu de la barre de navigation lors de l’utilisation d’affix
SVG est sensible à la casse dans le cas où vous utilisez le cas “viewBox” correct. Dans le cas dynamic, ce n’est pas le cas.
svg.setAtsortingbuteNS(null, "viewbox", "0 0 400 400");
devrait être
svg.setAtsortingbuteNS(null, "viewBox", "0 0 400 400");
- JQuery.ready () est-il valide lorsqu’il est utilisé sur iframe.contentDocument?
- Navigation par tabs. Problèmes Jquery et CSS
- Affichage d’une valeur de zone de texte dans une autre zone de texte pendant que l’utilisateur tape la valeur dans la zone de texte
- Jquery textarea val () ne prend pas la nouvelle ligne
- comment obtenir la valeur de la ligne (libellé) sélectionnée (bouton radio) dans gridview à l’aide de jquery
- L’événement audio ne déclenche pas l’événement jQuery on play
- jqGrid – redimensionner la dernière colonne
- Actualiser la liste des tables en utilisant Ajax dans Asp.Net Mvc
- Diff n’est pas une fonction dans Moment.js
- Comment éliminer le chevauchement des images sur la canvas (kineticjs)