CODEWITHSUNDEEP
javascriptjquerygoogle-chromehtml2canvas
the_marcelo_r
the_marcelo_r

Reputation: 1856

Html2Canvas not working on Google Chrome

I have the following code, it works fine on Firefox but the image is not being rendered on Chrome for some reason, any ideas?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test Html2Canvas</title>
<script type="text/javascript" src="jquery-1.6.3.js"></script> 
<script type="text/javascript" src="html2canvas.js"></script> 
<script type="text/javascript" src="jquery.plugin.html2canvas.js"></script> 
</head>
<body>
testing
<img src="someImage.jpg"/>
<script type="text/javascript">
window.onload = function() {
    html2canvas( [ document.body ], {
        onrendered: function( canvas ) {
              document.body.appendChild( canvas );
            }
    });
};
</script>
</body>
</html>

Upvotes: 2

Views: 7474

Answers (2)

Vicky
Vicky

Reputation: 11

It will not work if you run this html file without any web server . If you are playing around on your PC then install XAMPP or any other web server (Easiest option http://www.apachefriends.org/en/xampp.html) and put the image ,JavaScript and HTML code in C:\xampp\htdocs (if C dirive is your installation drive) and run using the server. I have tested it in Chrome and its working.

Upvotes: 1

Niet the Dark Absol
Niet the Dark Absol

Reputation: 324710

The image may not have loaded before the html2canvas attempts to draw it. Attempting to draw an image that hasn't loaded silently does nothing, so you get nothing.

Try wrapping your html2canvas call in a window.onload handler. NOT jQuery's ready because you NEED the code to run ONLY when all images etc. have fully loaded.

Upvotes: 3

Related Questions