I use jquery to control SVG files in chrome,
$('svg #lotsofimage').append("<image xlink:href='" + conf[thing].base + "' width= '" + conf[thing].width + "px' height= '" + conf[thing].height + "px' x='" + thing_x + "pt' y='" + thing_y + "pt' ></image>");
but I open the development tools , it displayed like :
<img xlink:href="xxxx" width="xxxx">
<image></image>was instead of <img />
How to deal with that?
It's not jQuery; it's Chrome's implementation of the DOM. Try this:
> document.createElement('image').tagName
'IMG'
Out of Chrome, Firefox, and Opera, it seems only Chrome does this. I can't find any reference to this behavior in a few standards I checked. If you want Chrome to create an image tag, you might need to put it in the right namespace explicitly using document.createElementNS. I don't know how you'd get jQuery to do that.