通过预览捕获模糊和不同的结果

Question

我在我的免费项目中使用html2canvas和canvas2image。问题似乎并不难，但它让我的大脑爆炸了。让我们先检查图片：

1. http://imgur.com/3Zl6oRA |图1
2. http://imgur.com/Wr006qF |图2

在Pic 1中你可以看到图像看起来很好。但在Pic 2中，图片适合div。我该如何解决这个问题？

这是第一个问题，第二个问题是。为什么捕获的div模糊不清？我该如何解决这个问题？

第三，当我尝试下载图片时，它没有显示任何扩展名，我该如何解决？

$(function() {
$("#preview").click(function() {
    html2canvas($("#screenshot"), {
        onrendered: function(canvas) {
            theCanvas = canvas;
            document.body.appendChild(canvas);
            Canvas2Image.saveAsPNG(canvas);
            $("#img-preview").append(canvas);
            // Clean up
        }
    });
});
});

谢谢..