VChart icon indicating copy to clipboard operation
VChart copied to clipboard

在windows下,当页面上有多个图表时,经常发生画质变糊的情况,请问是怎么回事呢?

Open zLsPitaya opened this issue 1 year ago • 11 comments

如题,可以看到,标题和图标(React Dom)是正常显示的,关于画布的内容就变得很模糊,

image

系统信息如下: image

VChart 版本:1.12.1

zLsPitaya avatar Sep 18 '24 09:09 zLsPitaya

如题,可以看到,标题和图标(React Dom)是正常显示的,关于画布的内容就变得很模糊,

image

系统信息如下: image

VChart 版本:1.12.1

有没有最小复现环境?或者你需要排查一下本地有没有修改 dpr 相关的配置

xile611 avatar Sep 18 '24 09:09 xile611

这个问题比较麻烦的就是没法复现,是在用户的设备上出现的,Mac上是没出现过的,用户的配置是在4K的显示器上配置了 150% 的缩放和 1920*1200 的默认分辨率,通过控制台输出,用户的 devicePixelRatio 为 1.75,用户没有自己修改过,应该就是默认的,据用户描述:刚开始会是正常的,搁置一段时间过后就会变糊。 image image

zLsPitaya avatar Sep 18 '24 10:09 zLsPitaya

这个问题比较麻烦的就是没法复现,是在用户的设备上出现的,Mac上是没出现过的,用户的配置是在4K的显示器上配置了 150% 的缩放和 1920*1200 的默认分辨率,通过控制台输出,用户的 devicePixelRatio 为 1.75,用户没有自己修改过,应该就是默认的,据用户描述:刚开始会是正常的,搁置一段时间过后就会变糊。 image image

好的,我们先根据这个信息排查一下

xile611 avatar Sep 18 '24 10:09 xile611

感谢

zLsPitaya avatar Sep 18 '24 10:09 zLsPitaya

@zLsPitaya 这些case可以控制台看到canvas的位置信息和宽高信息吗?

neuqzxy avatar Sep 18 '24 10:09 neuqzxy

@zLsPitaya 我们还需要一些信息,能否帮忙和用户确认以下三个问题?

  1. 是否有后缩放的操作,就是先打开浏览器,然后再设置了150%的缩放。
  2. 或者有没有从一个底分辨率窗口拖动到高分辨率窗口的操作
  3. 刷新之后,能不能恢复正常清晰度

neuqzxy avatar Sep 18 '24 10:09 neuqzxy

@zLsPitaya 我们还需要一些信息,能否帮忙和用户确认以下三个问题?

  1. 是否有后缩放的操作,就是先打开浏览器,然后再设置了150%的缩放。
  2. 或者有没有从一个底分辨率窗口拖动到高分辨率窗口的操作
  3. 刷新之后,能不能恢复正常清晰度
  1. 没有更改缩放
  2. 有的,从4k扩展屏挪到笔记本电脑的显示屏
  3. 刷新后能恢复

zLsPitaya avatar Sep 18 '24 11:09 zLsPitaya

@zLsPitaya 用户是从4k扩展屏挪到笔记本电脑的显示屏后,就立刻变糊了吗? 能要一下4k屏幕的缩放配置以及电脑显示器的缩放配置吗?

neuqzxy avatar Sep 18 '24 12:09 neuqzxy

@neuqzxy 不会立刻变糊,据用户描述:先在 4K 显示器上显示,然后合上笔记本盖进入睡眠,打开盖子后浏览器自动显示在笔记本自带屏幕上,然后再将浏览器拖到 4K 显示器上显示。 用户的显示器配置如下: image image

zLsPitaya avatar Sep 19 '24 02:09 zLsPitaya

@zLsPitaya 我们这边使用windows机器和4k显示器也测试了一下,没有复现出来,可能需要一些更详细的信息,如果还需要排查的话,可以加入飞书群讨论cc @xile611

neuqzxy avatar Sep 20 '24 07:09 neuqzxy

@zLsPitaya 我们这边使用windows机器和4k显示器也测试了一下,没有复现出来,可能需要一些更详细的信息,如果还需要排查的话,可以加入飞书群讨论cc @xile611

嗯,感谢,已加入飞书群,劳烦帮忙排查一下哈

zLsPitaya avatar Sep 20 '24 07:09 zLsPitaya

@zLsPitaya 试一下最新的1.12.12版本,看看这个问题是否解决,如果没有解决可以新开issue

xile611 avatar Nov 22 '24 03:11 xile611