Question

我使用html2canvas将div元素转换为图像。

它在小提琴演示中运行良好，但在网站演示中，文本偏移到右侧，单击按钮转换为图像时表现不正常。

HTML

<div class='text-area'>
<textarea>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</textarea>
</div>
<input type='submit' id='submit' value='CONVERT TO IMAGE'>

SCRIPT

$("#submit").click(function() { 
        html2canvas($(".text-area"), {
            onrendered: function(canvas) {
                $('.text-area').html(canvas);
            }
        });

    });

see fiddle here

see site demo here

请参阅上面的小提琴和演示链接。两者都有相同的确切代码，但我不知道问题究竟在哪里。

非常感谢任何帮助。

谢谢！

Answer 1

这是因为您在托管网站上的文件顶部缺少DOCTYPE声明。尝试将其添加到索引文件的顶部。

<!DOCTYPE html>

画布元素表现不正常

1 个答案: