使用UTF-8字符的Html2canvas图像捕获问题

Question

我想抓住我的网页,为了这个我发现html2canvas,当我使用如下所示时,我的UTF-8(波斯语)字符陷入困境,这个方向被破坏了.

HTML:

   <div id="wrapper">
        <span>??? ??????? ?? ??? ???????</span>
    </div>

JavaScript的:

$(document).ready(function() {
    html2canvas($("#wrapper"), {
        onrendered: function (canvas) {
            theCanvas = canvas;

            document.body.appendChild(canvas);

            canvas.toBlob(function (blob) {
                saveAs(blob, "Dashboard.png");
            });
        }
    });     
});

网页:

通过html2canvas捕获WebPage:

你可以在这里看到完整的例子

我的实施有什么问题？

Answer 1

这是html2canvas的错误（使用html2canvas进行阿拉伯编码），可以通过text-align: left在wrapper元素上进行设置来解决。

这是更新的小提琴 http://jsfiddle.net/ydeL72m8/1/

Answer 2

设置有问题的盒子CSS：

text-align: left; //or right or justify

这对我有用。