javascript - 使用 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 捕获的网页:

你可以看到完整的例子here

我的实现有什么问题？

Answer 1

这是 html2canvas ( Arabic Encoding with html2canvas ) 的一个错误，可以通过在包装元素上设置 text-align: left 来修复。

这是一个更新的 fiddle http://jsfiddle.net/ydeL72m8/1/