HTMLCanvans 使用指南

2021-10-23 16:46:52 字數 583 閱讀 6713

1 普通擷取螢幕,沒有滾動條

一般直接按照教程使用就可以,不會出問題

2 有滾動條長截圖

1)

//頁面滾動到頂部

document.body.scrollintoview()

settimeout(function() ;

that.html2canvas(copydom, opts).then(canvas => , 500);

// })

});},500);

坑,body必須滾動到最頂部,或者是整個頁面必須滾動到最頂部,如果不是的話,外掛程式會自動給頂部乙個偏移量,你往下滾動了多少,他就會自動往上擷取多少。這樣才能擷取到全部,不過這反倒成了乙個坑,因為我們是把元素放到body裡的最後面,然後擷取的是這個dom,無論你body 偏移了多少,你擷取的都是當前的dom 然後變成canvans,你當前的doming不需要偏移

外掛程式的思路是:如果你擷取的是body這個元素,然而body 裡面的元素超出了body,這個時候,如果你還是擷取的body這個元素,並且你向下滾動了一段距離,,為了得到body 元素和裡面的全部內容,這個時候需要自動擷取視窗頂部的dom。這樣就合理了。

Ubuntu apt 使用指南

起初gnu linux系統中只有.tar.gz。使用者必須自己編譯他們想使用的每乙個程式。在debian出現之後,人們認為有必要在系統中新增 一種機制用來管理安裝在計算機上的軟體包。人們將這套系統稱為dpkg。至此著名的 package 首次在gnu linux上出現。不久之後紅帽子也 開始著手建立...

CImageList使用指南

1.綜述 在mfc 中cimagelist 類封裝了 影象列表控制項的功能,影象列表是乙個具有相同大小的 影象 可以是不同 型別 的集合,其主要用於 應用程式中大規模 圖示的儲存。該控制項是不可 見的,通常與其它如 clistbox ccombobox ccomboboxex ctabctrl 以及...

CImageList使用指南

cimagelist使用指南 1.綜述 在 mfc中cimagelist類封裝了影象列表控制項的功能,影象列表是乙個具有相同大小的影象 可以是不同型別 的集合,其主要用於應用程式中大 規模圖示的儲存,該控制項是不可見的。通常與其它如clistbox,ccombobox,ccomboboxex以及ct...