2014-09-12 4 views
2

Im использует 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

см. Скрипку и демонстрационные ссылки выше. оба имеют один и тот же точный код, но я не знаю, где именно проблема.

всякая помощь с благодарностью.

спасибо!

ответ

1

Это потому, что вам не хватает объявления DOCTYPE в верхней части вашего файла на вашем размещенном сайте. Попробуйте добавить это в начало вашего индексного файла.

<!DOCTYPE html> 
+0

глупо меня. Спасибо! – anagnam