Html2Canvas无法在iOS中呈现Font Awsome图标

时间:2018-07-05 06:48:17

标签: jspdf html2canvas

我正在使用html2canvas和jspdf生成pdf。 Everthing在Desktop和Android上运行正常,但Font Awsome Icon在iOS中无法呈现。我创建了一个小提琴,该小提琴可在台式机和Android上使用,但同一小提琴在iOS中却无法使用。请帮忙。

小提琴链接: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

1 个答案:

答案 0 :(得分:0)

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