Way to use external svg file #28
Description
Hi there Ian:
We're using your excellent pan-zoom framework in a development which manages assets in a side-by-side basis, using PNGs and SVGs. Of course, PNG's part is piece of cake, but I'm having problems in the SVG part.
Our SVGs are external files, wich we need to "ajax" in order to have the advantage of media-caching and the ability to tweak styles through CSS (not inline SVG or img translation are covered here).
This way We're "ajaxing" the SVG under the general algorithm to insert an external SVG in an HTML page:
var ajax=new XMLHttpRequest();
ajax.onload=function(e){
try{
document.body.insertBefore(ajax.responseXML.documentElement,document.body.childNodes[0]);
}
catch(e){
console.log(e);
}
};
//
ajax.open("GET",path,true);
ajax.responseType="document";
ajax.send();
The case is that under this approach I'm creating a node with all the header , symbols, etc..., and I suspect the overlay.node() SVG surface is waiting for SVG primitives only. So we had to parse our SVGs and add the different elements (path, rect, line, ...) one after the other. Isn´t it?
Best regards.