0

我正在将 div 转换为图像，并且 div 正在编写“古吉拉特语”语言，但是当我尝试将此 div 转换为图像时，不会出现正确的输出。

这是我的代码::

    <script type="text/javascript">
    function ConverToImage() {
        var container1 = document.getElementById('container1');
        var img = $('#<%= img.ClientID %>')
        var hfData = $('#<%= hfData.ClientID %>')
        html2canvas(container1, {
            onrendered: function(canvas) {
                $('.img_val').val(canvas.toDataURL("image/png"));         
                img.css("display", "block");
                img.attr("src", img_val.value);
                hfData.attr('value', img_val.value);
            }
        });
    }
   </script>
<div class="senctionLetter" id="container1">
 ......containing "Gujarati"
</div>
   <input type="hidden" id="img_val" class="img_val" />
    <input id="btnSave" type="button" value="Generate Image" onclick="ConverToImage();" />
    <img id="img" runat="server" src="" alt="" style="display: none" />
    <asp:Button ID="btn" runat="server" Style="display: none;" OnClick="imgbtnYes_Click" />
    <asp:HiddenField ID="hfData" runat="server" />
4

1 回答 1

0

尝试这个

html2canvas(container1, {//this line take all inner html tag to convert to canvas from container1 element

在您的 html 中，古吉拉特语文本是直接在 container1 div 中的松散文本。因此，将古吉拉特语文本放在一个 div 标签中，并将此 div 标签放置到 container1 div

确保您要转换的元素只有 html 标签。不是直接文本或松散文本..

改变你的html

<div class="senctionLetter" id="container1">

    <div><!-- add one more div tag  and add  your gujarati line in this div -->
     ......containing "Gujarati"
    </div>

</div>
于 2013-07-06T10:33:10.090 回答