Retina屏幕下 canvas显示模糊的问题

一 什么是Retina 

所谓“Retina”是一种显示技术，可以将把更多的像素点压缩至一块屏幕里，从而达到更高的分辨率并提高屏幕显示的细腻程度，以MacBook Pro with Retina Display为例，工作时显卡渲染出2880x1800个像素，其中每四个像素一组，输出原来屏幕的一个像素显示的大小区域内的图像。这样一来，用户所看到的图标与文字的大小与原来的1440x900分辨率显示屏相同，但精细度是原来的4倍，但对于特殊元素，如视频与图像，则以一个图片像素对应一个屏幕像素的方式显示。

二 带来的问题

在非Retina屏幕中，利用canvas画一个圆，在浏览器中显示如下：

 

 

在Retina屏幕下，同样的代码 ，显示如下：