在繪製的過程中畫布內容的實際大小是根據 canvas 的 width 與 height 屬性設定的，而 style 或者css設定的width 與 height 只是簡單的對畫布進行縮放。
canvas相當於乙個 img ，其中畫布的 width 與 height 屬性，相當於 img 中的原始尺寸；我們使用js在畫布上繪製的內容對應的就是 img 中的；
而 style 或者css設定的 width 與 height ，就是設定 canvas 或者 img 在頁面上要顯示的大小。
解決模糊的做法，就是將這張「」變得高畫質一點，然後縮小了來顯示。
相當於畫了一張200*400的，然後設定他顯示成100*200的大小，這樣一來就變得清晰了。
注意：將畫布放大之後，繪製的過程中對應的那些座標，長度等等都要相應的放大。
canvas畫的文字在ios移動裝置上無法顯示
專案中做了移動端rem適配的，然而發現電腦上可行，在蘋果手機上卻無法顯示，查了一下，發現ios safari只支援標準的canvas，標準的canvas只支援px不支援rem。上網找了一下，解決方法 將rem轉換回px ui設計基礎寬度 750px ctx.font 3 12.5 px sans s...
移動端 canvas基礎1
canvas是html5中新出的乙個元素，開發者可以通過js指令碼動態繪製影象。1.建立canvas畫布 在頁面中建立canvas標籤,並設定其id和寬高 不要通過css設定,會有bug id mycanvas width 500 height 500 2.設定畫布 1.通過js設定畫布寬高 var...
canvas在手機端模糊的處理
最近在做專案時用到了canvas做趨勢圖，結果畫出來的趨勢圖在模擬器上是清晰的，但放到手機上卻是非常模糊。所以在網上收集了資料，因為裝置畫素和css畫素不一致，而我們用canvas畫圖用的是css畫素，導致在手機上顯示時，canvas被拉伸了，所以導致了canvas的模糊。對於這種情況，我們只要保證...