在 HTML canvas 上的圖像渲染在較小的屏幕尺寸上質量很差

Question

我做了一個網站 - 百萬美元主頁的克隆。 但我有一個大問題。 canvas 在大屏幕上呈現的圖像看起來正常（質量好）。 這是圖片：

但是當我在手機上打開網站時，幾乎看不到所有圖片。 看這里： 這里是仔細看看

這些圖像是由 function 在 canvas 上繪制的

  context.drawImage(img, myOptions.x, myOptions.y, myOptions.sw, myOptions.sh)

你有任何解決方案如何解決這個問題嗎？ 謝謝

Answer 1

Ahoj，嘗試檢查是否沒有針對較小屏幕的特殊分辨率。 或者也許改變那個畫布的分辨率。 因為在桌面上您可以正常看到一些圖片，但在較小的分辨率上 canvas 可以裁剪或編輯圖片以適應屏幕