無法正確調整畫布中圖像的尺寸？

Question

我最近一直在從事html5項目的工作，但我想我遇到了麻煩。 目前，我正在開發一個使用html5和jQuery構建的簡單游戲。 當前的問題：在畫布上正確顯示圖像。 我所做的是創建一個1080 x 720的背景，並嘗試將其放到規格完全相同的畫布上。 不知道這是瀏覽器問題，還是我在Google和Stack搜索結果中遺漏的東西，但是對您的幫助非常感謝。 （使用Firefox 26和Chrome 32）

編輯：對不起，下面的評論中的其余詳細信息。

Answer 1

您的問題可能是您使用CSS屬性來設置畫布的大小，而不是元素本身的width和height屬性。

前者（如果指定）設置畫布實際在頁面上顯示的大小。 后者將畫布中的實際像素數設置為默認值（AFAICR）為300x100。

如果兩者不匹配，則會縮放所有畫布操作。

因此，如果您只使用：

<canvas width="1080" height="720"> </canvas>

你應該沒事的。