I use RaphaelJS for generate SVG. My SVG is 1024px width and height.
I use setViewBox
because the div containing it is more small than 510px width and height.
With IE8 RaphaelJS produces VML but setViewBox
is not working, the size of VML produced is 1024px.
How I can make that VML responsive?
paper = Raphael(document.getElementById("SVGDiv"));
paper.canvas.id = 'paper';
paper.setViewBox(0,0,1024,1024);
paper.setViewBox(0,0,1024,1024);
image = paper.image("",0,0, 1024, 1024);
text = paper.text(512, 512, '');
if( isIE() > 8 || isIE() == false){
paper.setSize("100%","100%");
}