2013-05-08 3 views
0

Это мой последний кусок кода:Можно ли сделать снимок экрана со всей веб-страницы с помощью холста?

var canvas = document.getElementById('my-canvas'); 
var ctx = canvas.getContext("2d"); 

// Draw the window at the top left of canvas, width=100, height=200, white background 
ctx.drawWindow(window, 0,0, 100, 200, "rgb(255,255,255)"); 

// Open another window with the thumbnail as an image 
open(canvas.toDataURL("image/png")); 

HTML код:

<canvas id="my-canvas"/><br/> 

Примечание: Я пытался различные коды для того, чтобы взять полный скриншот веб-страницы, но с этим кодом I» m только способно взять небольшой фрагмент изображения веб-страницы.

Может кто-нибудь помочь мне с этим? Мне нужен простой скриншот, чтобы использовать его с FF, Opera и Safari (у меня уже есть специальный код для браузера Google Chrome, который отлично работает).

+0

Yup можно через html2canvas. http://hertzen.com/experiments/jsfeedback/ – Faizan

+0

можете ли вы поделиться кодом, который работает в Google Chrome? – Reem

ответ

-1

Я не уверен о холсте. Но этот инструмент может помочь вам добиться результатов, которые вы ищете, в отношении скриншота полной страницы на любом веб-сайте: http://www.thumbalizr.com. Мне это очень полезно много раз.

+1

Спасибо за информацию, но мне не нужен именно инструмент, мне нужен простой код (в javascript), чтобы сделать полный снимок экрана веб-страницы. Использование HTML5/Canvas/Javascript для снятия скриншотов ... эта ссылка неточна, чтобы сделать скриншоты, пожалуйста, прочтите следующий текст: Снимок экрана основан на DOM и, как таковой, может быть не на 100% точным, чтобы реальное представление, так как оно НЕ делает фактический снимок экрана, но создает скриншот на основе информации, доступной на странице. – user2364265

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