[图片]有淡淡的颜色边 .i-mdi-home { display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10 20v-6h4v6h5v-8h3L12 3L2 12h3v8z'/%3E%3C/svg%3E") } .block { display: block } .flex { display: flex } .min-h-screen { min-height: 100vh } .justify-center { justify-content: center } .bg-\[\#43ffff\] { --tw-bg-opacity: 1; background-color: rgb(67 255 255 / var(--tw-bg-opacity, 1)) } .bg-slate-950 { --tw-bg-opacity: 1; background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1)) } .p-8 { padding: 2rem } .text-2xl { font-size: 1.5rem; line-height: 2rem } .text-\[200px\] { font-size: 200px } .text-\[\#234fff\] { --tw-text-opacity: 1; color: rgb(35 79 255 / var(--tw-text-opacity, 1)) }

代码：https://github.com/sierraqin/hyacinth 页面：pages/proj853/index 位置：/pages/proj853/index.wxml ，第8行 此问题仅Skyline下存在 image组件显示svg图片时渲染模糊。最开始svg图片是以矢量形式渲染的，无论放大多少倍都极其清晰，但出现问题后，svg疑似是被转换为位图缩略图后被渲染，放大时，不会渲染放大的svg，而是渲染放大后的缩略图。 2024年1月时，svg图片正常显示。2月时，开始陆续有部分安卓用户反馈图片模糊，安卓微信客户端登录微信账号A真机调试时，模糊问题稳定复现，相同手机相同环境，登录微信账号B后问题消失无法复现，切换回之前的微信账号A登录后问题又可以稳定复现，切换到微信账号B后问题又无法复现（可能是在灰度？？？），此时开发者工具、iOS端均无法复现问题。至9月时，iOS、安卓、开发者工具均出现模糊问题。