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

如前所述這里 ，這一點是目前在作品中得到發展。

公認的解決方案是：

僅供參考，最新的html2canvas beta版本支持表情符號。 我剛剛使用https://github.com/niklasvh/html2canvas/releases/tag/v0.5.0-beta4進行了測試，它似乎可以正常工作。