I want to insert image tag to mxGraph with the help of jQuery.
<code> $(this).parent().append('<image class="rep" xlink:href="'+src+'" width="25px" height="25px" />');
</code>
<code> $(this).parent().append('<image class="rep" xlink:href="'+src+'" width="25px" height="25px" />');
</code>
$(this).parent().append('<image class="rep" xlink:href="'+src+'" width="25px" height="25px" />');
I am doing above, but the tag inserted is always changed to “<img>” while i want the “<image>” tag. Any idea how I can achieve that.
The issue is that the tag inserted is always while for some reasons i need tag, as XML do understand not
1
<code>var newImageElement = document.createElementNS('http://www.w3.org/2000/svg', 'image');
newImageElement.setAttributeNS(null,'width', 25);
newImageElement.setAttributeNS(null,'height', 25);
newImageElement.setAttributeNS(null,'x', x);
newImageElement.setAttributeNS(null,'y', y);
newImageElement.setAttributeNS('http://www.w3.org/2000/svg','xlink:href', src);
$(this).parent().append(newImageElement);
</code>
<code>var newImageElement = document.createElementNS('http://www.w3.org/2000/svg', 'image');
newImageElement.setAttributeNS(null,'width', 25);
newImageElement.setAttributeNS(null,'height', 25);
newImageElement.setAttributeNS(null,'x', x);
newImageElement.setAttributeNS(null,'y', y);
newImageElement.setAttributeNS('http://www.w3.org/2000/svg','xlink:href', src);
$(this).parent().append(newImageElement);
</code>
var newImageElement = document.createElementNS('http://www.w3.org/2000/svg', 'image');
newImageElement.setAttributeNS(null,'width', 25);
newImageElement.setAttributeNS(null,'height', 25);
newImageElement.setAttributeNS(null,'x', x);
newImageElement.setAttributeNS(null,'y', y);
newImageElement.setAttributeNS('http://www.w3.org/2000/svg','xlink:href', src);
$(this).parent().append(newImageElement);
This is resolved using above. But now image does not appear. But if i inspect the HTML of mxGraph editor, it shows the image tag, but image is not appearing.