HTML 使用 html2canvas 进行图片

问题描述 投票:0回答:3

我正在尝试使用 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>
javascript php html canvas html2canvas
3个回答
1
投票

如果样式表中没有以下属性,它将无法使用“text-align:right;”它必须是正确的。

对于前。

<span><b style="text-align: right"> بسم الله الرحمن الرحيم </b> </span>


0
投票

我在版本 1.4.1 中遇到了同样的问题,并通过使用修复了它

letter-spacing: normal;

在包装元素中


-1
投票

尝试在代码中添加

letterRendering:true
,如下所示

<script>
            html2canvas(document.body, {
                onrendered: function(canvas) {
                    document.body.appendChild(canvas);
                },
              letterRendering:true
            });
    </script>
© www.soinside.com 2019 - 2024. All rights reserved.