畫布元素行爲不正常

使用html2canvas Im將元素轉換爲圖像。畫布元素行爲不正常

它在小提琴演示中工作正常，但在網站演示中，文本偏移到右側，並且在單擊按鈕轉換爲圖像時表現不正常。

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

參見上面的小提琴和演示鏈接。兩者都有相同的確切代碼，但我不知道問題究竟在哪裏。

任何幫助是極大的讚賞。

謝謝！

來源

2014-09-12 anagnam

這是因爲您在託管網站上的文件頂部缺少DOCTYPE聲明。嘗試將其添加到索引文件的頂部。

<!DOCTYPE html>

來源

2014-09-13 00:05:07

傻我。謝謝！ – anagnam 2014-09-13 00:08:37

畫布元素行爲不正常

回答

相關問題