我正在尝试使用 html2canvas 将 HTML 转换为图片。问题是阿拉伯字符没有正确转换!
</html>
<body dir="rtl">
<a class="STO_one" href="#">
<span><b> بسم الله الرحمن الرحيم </b> </span>
</a>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/html2canvas.js"></script>
<script>
html2canvas(document.body, {
onrendered: function(canvas) {
document.body.appendChild(canvas);
}
});
</script>
</body>
</html>
如果样式表中没有以下属性,它将无法使用“text-align:right;”它必须是正确的。
对于前。
<span><b style="text-align: right"> بسم الله الرحمن الرحيم </b> </span>
我在版本 1.4.1 中遇到了同样的问题,并通过使用修复了它
letter-spacing: normal;
在包装元素中
尝试在代码中添加
letterRendering:true
,如下所示
<script>
html2canvas(document.body, {
onrendered: function(canvas) {
document.body.appendChild(canvas);
},
letterRendering:true
});
</script>