javascript — HTML для изображения с использованием html2canvas

Я пытаюсь конвертировать HTML в изображение, используя html2canvas. Проблема в том, что арабские символы не конвертировались правильно!

</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>

0

Решение

если у вас нет следующего атрибута в таблице стилей, он не будет работать с вами «text-align: right;» Это ДОЛЖЕН быть правым.

Например <span><b style="text-align: right"> بسم الله الرحمن الرحيم </b> </span>

1

Другие решения

Попробуй с добавлением letterRendering:true в вашем коде, как следует

<script>
html2canvas(document.body, {
onrendered: function(canvas) {
document.body.appendChild(canvas);
},
letterRendering:true
});
</script>
0