javascript - html2canvas 无法正确渲染带有修饰符的表情符号

Question

Html2canvas 无法呈现包含带有修饰符(例如肤色)的表情符号的元素。例如:👩🏿 变成:在 Firefox 中。

代码示例:

HTML:

<div id="target">&#128105;&#127999;</div>
<button onclick="takeScreenShot()">to image</button>

JS:

window.takeScreenShot = function() {
    html2canvas(document.getElementById("target"), {
        onrendered: function (canvas) {
            document.body.appendChild(canvas);
        }
    });
}

http://jsfiddle.net/uLw7ozya/1/

有人知道解决这个问题的方法吗？还是我只需要找到一种方法在渲染之前删除所有修改器？

Answer 1

如前所述here ，这是目前正在开发的东西。

公认的解决方案是:

FYI the latest beta version of html2canvas supports emoji. I've just tested using https://github.com/niklasvh/html2canvas/releases/tag/v0.5.0-beta4 and it seems to work.