javascript - Canvas 元素行为不正常

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

它在 fiddle 演示中运行良好，但在站点演示中，文本向右偏移并且在单击按钮转换为图像时表现不正常。

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

脚本

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

    });

see fiddle here

see site demo here

请参阅上面的 fiddle 和演示链接。两者都有相同的确切代码，但我不知道问题到底出在哪里。

非常感谢任何帮助。

谢谢!

最佳答案

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