2015-01-16 4 views
1

Я хотел бы преобразовать HTML строку изображения подобно тому, как это сделано здесь: html2canvas creates a canvas with a width and height of zero?Рендеринг HTML строку на холст, не показывая сам HTML

Однако я не хочу, чтобы показать что-нибудь другое, чем результат изображения на страница. Таким образом, я не могу просто добавить строку html в DOM, как было предложено там. Я предполагаю, что я пытаюсь достичь, потому что html2canvas test console делает именно это.

Я попробовал следующее, который производит пустой результат:

var doc = document.implementation.createHTMLDocument(); 
 
doc.open(); 
 
doc.write("<html><header></header><body><div>test</div></body></html>"); 
 
doc.close(); 
 

 
html2canvas(doc.body, { 
 
    onrendered:function(newCanvas) { 
 
     document.body.appendChild(newCanvas); 
 
    }  
 
});
<script src="https://github.com/niklasvh/html2canvas/blob/master/dist/html2canvas.js"></script>

Может кто-нибудь предложить способ сделать это?

ответ

0

Я понял это. Вот the link, который направил меня в правильном направлении. Также стоит проверить исходный код this page, который иллюстрирует идею.

Мы устанавливаем атрибут

style="overflow:hidden" 

для контейнера и перемещать содержимое, мы хотим, чтобы сделать вне видового экрана с

style="position:absolute;top:0px;left:3000px;" 

Надежда, что помогает кому-то.

Смежные вопросы