在较小的屏幕尺寸上，在 HTML 画布上呈现的图像质量很差
Posted
技术标签:
【中文标题】在较小的屏幕尺寸上，在 HTML 画布上呈现的图像质量很差【英文标题】：Images rendering on HTML canvas in poor quality on smaller screen size 【发布时间】：2021-12-31 15:48:10 【问题描述】：我做了一个网站 - 百万美元主页的克隆。 但我有一个大问题。 在大屏幕上的画布上渲染的图像看起来很正常（质量很好）。 这是图片：
但是当我在手机上打开网站时，几乎看不到所有图片。看这里： 这里是仔细看看
图像是通过这个函数在画布上绘制的
context.drawImage(img, myOptions.x, myOptions.y, myOptions.sw, myOptions.sh)
您有任何解决方案如何解决此问题吗？谢谢
【问题讨论】：
【参考方案1】：哎呀！尝试检查是否没有针对较小屏幕的特殊分辨率，或者更改该画布的分辨率。因为在桌面上您通常可以看到一些图片，但在较小分辨率的画布上可以裁剪或编辑图片以适应屏幕
【讨论】：
以上是关于在较小的屏幕尺寸上，在 HTML 画布上呈现的图像质量很差的主要内容，如果未能解决你的问题，请参考以下文章