在使用`html2canvas`导出图片时，出现`input`元素导出被挡住了部分，如下图中头部的`hello world`文案所示：

<img src="https://file.vwood.xyz/2024/10/21/upload_na9t1a0wxesbq4q0ys4fnnnso1cbhl8e.png" style="max-width: 400px">


将img设置为`inline-block`即可。
由于我的项目是`tailwindcss`，所以修改如下

<iframe class="codepic_cc" src="https://codepic.cc/embed?code=QGxheWVyIGJhc2UgewogIGltZyB7CiAgICBAYXBwbHkgaW5saW5lLWJsb2NrOyAKICB9Cn0%3D&amp;height=228&amp;backdropType=image&amp;backdrop=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1729704414861-42ecf6c9db59%3Fcrop%3Dentropy%26cs%3Dtinysrgb%26fit%3Dmax%26fm%3Djpg%26ixid%3DM3w2Njg2NTJ8MHwxfHRvcGljfHw2c01WalRMU2tlUXx8fHx8Mnx8MTczMDA0MTE2MHw%26ixlib%3Drb-4.0.3%26q%3D80%26w%3D1080&amp;lang=css&amp;copyBtn=true" loading="lazy" allowfullscreen="" height="228" width="100%" style="border: none;"></iframe>

在使用html2canvas导出图片时，出现input元素导出被挡住了部分，如下图中头部的hello world文案所示：

<img src="https:file.vwood.xyz/2024/10/21/upload_na9t1a0wxesbq4q0ys4fnnnso1cbhl8e.png" style="max-width: 400px">


将img设置为inline

html2canvas导出图片时input被挡住部分的bug

文钦的个人日志

html2canvas导出图片时input被挡住部分的bug