Retina屏幕下 canvas顯示模糊的問題

一 什麼是Retina 

所謂「Retina」是一種顯示技術，能夠將把更多的像素點壓縮至一塊屏幕裏，從而達到更高的分辨率並提升屏幕顯示的細膩程度，以MacBook Pro with Retina Display爲例，工做時顯卡渲染出2880x1800個像素，其中每四個像素一組，輸出原來屏幕的一個像素顯示的大小區域內的圖像。這樣一來，用戶所看到的圖標與文字的大小與原來的1440x900分辨率顯示屏相同，但精細度是原來的4倍，但對於特殊元素，如視頻與圖像，則以一個圖片像素對應一個屏幕像素的方式顯示。

二 帶來的問題

在非Retina屏幕中，利用canvas畫一個圓，在瀏覽器中顯示以下：

 

 

在Retina屏幕下，一樣的代碼 ，顯示以下：