jspdf - Html2Canvas 未在 iOS 中渲染 Font Awesome 图标

Question

我正在使用 html2canvas 和 jspdf 生成 pdf。在桌面和 Android 中一切正常，但 Font Awsome Icon 在 iOS 中无法呈现。我创建了一个 fiddle ，它可以在桌面和 Android 中工作，但同样的 fiddle 在 iOS 中无法正常工作。请帮忙。

fiddle 链接:https://jsfiddle.net/j09qd4xm/36/

HTML :

<div id="target">

<div style="position:relative;" class="noteclasscontainer" >
   <span style="font-size: 60px;" class="glyphicon">&#xe022;

      <span style="color:white;font-size: 21px; position: absolute; top: 16px;left:10px;">dd</span>
   </span>
</div>

</div>
<button onclick="takeScreenShot()">to image</button>

JS: 

window.takeScreenShot = function() {
    html2canvas(document.getElementById("target"), {

        width:320,
        height:220
    }).then(function (canvas) {
            document.body.appendChild(canvas);
        });
}

CSS : 

button{
    display:block;
    height:20px;
    margin-top:10px;
    margin-bottom:10px;
}
 .icon-diamond:before {
     content: "\e943";
    }

版本:

Html2Canvas:1.0.0-alpha.12

jspdf:1.4.1

Answer 1

这个拉取请求为我修复了它:niklasvh/html2canvas#1649 。我手动将更改修补到了缩小的 JS 文件。