生成的截图文字整体向下偏移 设置scroll-Y: 0 无效

[minchangyong]

这是页面布局：

这是生成的图：

[fangge]

同样的问题

[Jarryxin]

如何解决

[freeflowthought]

同问

[zhulichaoZW]

同问

[HAM2506]

如果上因为用了自定义字体造成的偏移，暂时无解。

[webstager]

基于 https://github.com/omwteam/html2canvas 进行魔改一下。

[dev-zhiou]

我是用了tailwindcss，然后把 // @tailwind base; 注释了，就好了 一般是引入的UI库影响的

[webstager]

我是用了tailwindcss，然后把 // @tailwind base; 注释了，就好了 一般是引入的UI库影响的

使用原生dom元素文本也会发生便宜吧。 https://codepen.io/xiang0308/pen/rNGZzGV

[GnaK-5]

我用 [email protected] 这个版本可以解决

[Turing-bei]

我是用了tailwindcss，然后把 // @tailwind base; 注释了，就好了 一般是引入的UI库影响的

我也是，但是没办法找到具体是什么地方影响的，有没有办法加个强制样式解决这个问题

[hoiii13]

请问文字偏移怎么解决啊

[keysoon]

tailwindcss，中的 base有个img设置了display:block导致的，全局重置即可img { display: initial; }

[dev-zhiou]

thanks!

------------------ 原始邮件 ------------------ 发件人: @.>; 发送时间: 2023年3月30日(星期四) 下午3:06 收件人: @.>; 抄送: @.>; @.>; 主题: Re: [niklasvh/html2canvas] 生成的截图文字整体向下偏移 设置scroll-Y: 0 无效 (#2363)

tailwindcss，中的 base有个img设置了display:block导致的，全局重置即可img { display: initial; }

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: @.***>

[xianjianlf2]

tailwindcss，中的 base有个img设置了display:block导致的，全局重置即可img { display: initial; }

thanks~

[ryomahan]

tailwindcss，中的 base有个img设置了display:block导致的，全局重置即可img { display: initial; }

补充一下，修改方案类似这个链接：

https://github.com/niklasvh/html2canvas/issues/2775#issuecomment-1204988157

[pureHeart11]

指定html2canvas版本号为1.0.0即可解决

[hefeng6500]

我是用了tailwindcss，然后把 // @tailwind base; 注释了，就好了 一般是引入的UI库影响的

Solved my problem! Thanks!

[hefeng6500]

Solved my problem!

https://stackoverflow.com/questions/74980740/html2canvas-shifting-text-downwards

[JS-an]

tailwindcss，中的 base有个img设置了display:block导致的，全局重置即可img { display: initial; }

这解决了我的问题，Thanks！

[aigc-in-all]

tailwindcss，中的 base有个img设置了display:block导致的，全局重置即可img { display: initial; }

正解，直接在 globals.css 添加如下代码即可：

img {
  display: initial;
}