Question

I have a HTML which has an SVG file embedded in an object tag.

This file is accessed from a shared remote location through file protocol and accessed on IE (IE9 or latest).

I have made changes to trigger window.print() when the key 'P' is pressed and also can do ctrl + P which would show the print dialog.

I have observed that the quality of print differs drastically in both these cases for the above scenario (file accessed remotely on IE9).

We can check by printing to a PDF.

Can anyone explain what is the difference between the two and what should i be doing to make window.print() work the same way it does when we do ctrl + P?

    <!-- DOCTYPE HTML -->
<HTML>
<HEAD><TITLE>Print</TITLE>
<META content="text/html; charset=UTF-8" http-equiv=Content-Type>
<SCRIPT type=text/javascript src="jquery.js"></SCRIPT>
<SCRIPT type=text/javascript>
        function printProcess() {
        jQuery(document).bind("keyup", function(e){    
                if(e.keyCode == 80){
                    p();
                }
            });
        }       
        function p(){
        window.print();
        }
    </SCRIPT>
</HEAD>
<BODY style="WIDTH: 100%;HEIGHT: 100%" onload="printProcess();" >
    <DIV style="HEIGHT: 100%" id="printableDiv" >
        <OBJECT data="test.svg" width="100%" type="image/svg+xml" height="100%">
        </OBJECT>
    </DIV>
</BODY>
</HTML>
Was it helpful?

Solution

For the ppl who are interested, here is the answer. The problem is solved by adding

<META http-equiv="X-UA-Compatible" content="IE=EmulateIE9">

to the HTML, thanks to Vitor Canova

OTHER TIPS

Use the following function:

function print_me(idx)
{
    var browser = navigator.userAgent;
    if(browser.indexOf('MSIE')>=0){
    document.execCommand('print', false, null);
    }
    else{
    window.print();
    }

}//end func...

Basically, we need to call print method a bit differently on MSIE...

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top