2

我有以下代码，它在 Firefox 上运行良好，但由于某种原因，图像没有在 Chrome 上呈现，有什么想法吗？

<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>
4

2 回答 2

3

html2canvas在尝试绘制图像之前，图像可能尚未加载。尝试绘制尚未静默加载的图像不会执行任何操作，因此您什么也得不到。

尝试将您的html2canvas呼叫包装在window.onload处理程序中。不是 jQuery ready，因为您只需要在所有图像等已完全加载时运行代码。

于 2012-12-22T16:53:06.100 回答
1

如果您在没有任何 Web 服务器的情况下运行此 html 文件，它将无法工作。如果您在 PC 上玩耍，请安装 XAMPP 或任何其他 Web 服务器（最简单的选项http://www.apachefriends.org/en/xampp.html）并将图像、JavaScript 和 HTML 代码放在 C:\xampp\ htdocs（如果 C 驱动器是您的安装驱动器）并使用服务器运行。我已经在 Chrome 和它的工作中测试了它。

于 2013-11-05T03:19:55.137 回答