Zuoqiu-Yingyi / siyuan-theme-dark-plus

思源笔记的一款多功能双模式主题 | A multifunctional dual-mode theme of SiYuan Note.
GNU Affero General Public License v3.0
139 stars 14 forks source link

:bug: 图片显示模糊 #194

Closed shenjinglei closed 1 year ago

shenjinglei commented 1 year ago

该问题是否已经被报告过了? Is there an existing issue for this?

描述问题 Describe the problem

使用Dark+主题后,png图片显示略有模糊,如下图。上方是思源+Dark+主题渲染的结果,下方是原图 Snipaste_2023-05-18_09-16-28 下图是思源的原始主题的对比图,上方是思源+原始主题渲染的结果,下方是原图 Snipaste_2023-05-18_09-17-10 暂时只测试了PNG图片

期待的结果 Expected result

希望使用Dark+主题后,图片显示不再模糊。

截屏或者录屏演示 Screenshot or screen recording presentation

No response

版本环境 Version environment

- SiYuan Version: v2.8.8
- Dark+ Version: v1.9.0
- Operating System: win10
- Browser (if used):

更多信息 More information

No response

Zuoqiu-Yingyi commented 1 year ago

我这里的图片好像与默认主题没啥区别, 能将示例图片附上我测试一下吗?

shenjinglei commented 1 year ago

Snipaste_2023-05-18_09-17-24 可以截图放大仔细看看,我在两台电脑上都有这个问题。 谢谢。

shenjinglei commented 1 year ago
  1. 我用开发者工具看了下,图片本来大小是291_78,现在显示只有281_75.31,所以会显示模糊。 Snipaste_2023-05-18_17-08-32
  2. 然后把img上的display: inline-block; 取消掉就能显示图片的完整大小了 Snipaste_2023-05-18_17-09-33
  3. 正常显示大小了 Snipaste_2023-05-18_17-12-18 所以,我把span-img.css中的相应css注释掉就恢复正常了 image 我对前端不熟,所以,我的方法不是最好的,希望能提供一些提示。
Zuoqiu-Yingyi commented 1 year ago

想起来了, 这个问题是为了解决表格内图片底部存在空白引入的 https://github.com/Zuoqiu-Yingyi/siyuan-theme-dark-plus/commit/abb2c89c978dec3152b4aa1d65bcba3c58e76f31, 我再单独优化一下