當前位置:編程學習大全網 - 網站源碼 - html2canvas截圖不全或空白

html2canvas截圖不全或空白

需求:頁面上半部分圖片編輯區域 下半部分表單編輯區域 當頁面出現滾動對圖片編輯區域遮擋或圖片編輯區域滾出可視區域範圍內後 截圖會出現不全或空白的情況

解決方案:

加入屬性(設置屬性y為需要截取的元素距頁面頂端的距離(非距瀏覽器頂端距離))

只嵌套壹層如下

y:? this.$refs.container.offsetTop

嵌套層級較多

const?top?=?_this.$refs.container.getBoundingClientRect().top;

const?scrollTop?= document.documentElement.scrollTop?|| window.pageYOffset?|| document.body.scrollTop;

?const?y?=?top?+?scrollTop;

y:y

以下為文檔對y屬性的註解

  • 上一篇:新能源汽車的等待時間意味著什麽?
  • 下一篇:如何用python爬取壹個網站的評論數據
  • copyright 2024編程學習大全網