html2canvas截图有白边

html2canvas截图有白边的问题是由于canvas画布的高度设置不准确导致的。在引用的代码中，可以看到通过将画布的高度调小1像素来解决底部出现白线的问题。具体做法是通过获取目标元素的高度targetDom.scrollHeight，并减去1像素，然后将这个高度设置给canvas的height属性。这样可以确保画布的高度与目标元素的高度一致，避免出现白边。此外，还可以根据实际情况调整scale属性来增加分辨率，以提高图像质量。引用中提到，在网上有很多关于解决html2canvas白边问题的方案，但并不能完美解决白边问题。因此，可以尝试根据个人情况进行调整。引用中给出了处理横向偏移的方法，通过获取窗口宽度和目标元素宽度，计算出实际的偏移量，并将其设置给x属性，以消除横向白边。综上所述，通过正确设置画布的高度和处理横向偏移，可以解决html2canvas截图出现白边的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [html2canvas生成图片底部出现白边儿的解决方法](https://blog.csdn.net/hhkongbai/article/details/131324123)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [html2canvas 生成图片偏移出现白边的解决方案](https://blog.csdn.net/qq_37750365/article/details/117038837)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]