利用HTML2Canvas實現網頁截屏

webphp 13年前發布 | 38K 次閱讀 HTML2Canvas

html2canvas 能夠實現在用戶瀏覽器端直接對整個或部分頁面進行截屏。這個腳本將當前頁面渲染成一個canvas圖片,通過讀取DOM并將不同的樣式應用到這些元素上實現。

它不需要來自服務器任何渲染,整張圖片都是在客戶端瀏覽器創建。當瀏覽器不支持Canvas時,將采用Flashcanvas或ExplorerCanvas技術代替實現。以下瀏覽器能夠很好的支持該腳本:Firefox 3.5+, Google Chrome, Opera新的版本, IE9以上的瀏覽器。

利用HTML2Canvas實現網頁截屏

示例: http://html2canvas.hertzen.com/screenshots.html

 本文由用戶 webphp 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!