html2canvas无法正确显示带有修饰符的表情符号

时间:2018-10-20 17:16:49

标签: javascript unicode emoji html2canvas

Html2canvas无法渲染包含表情符号(如肤色)的元素。例如:在Firefox中变成enter image description here

代码示例:

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/

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

1 个答案:

答案 0 :(得分:0)

here所述,这是目前正在开发中的东西。

可接受的解决方案是:

  

仅供参考,html2canvas的最新测试版支持表情符号。我刚刚使用https://github.com/niklasvh/html2canvas/releases/tag/v0.5.0-beta4进行了测试,它似乎可以正常工作。