html5 canvas在手机绘制模糊问题

html5 canvas在手机绘制模糊问题

var getPixelRatio = function(context) {
    var backingStore = context.backingStorePixelRatio ||
        context.webkitBackingStorePixelRatio ||
        context.mozBackingStorePixelRatio ||
        context.msBackingStorePixelRatio ||
        context.oBackingStorePixelRatio ||
        context.backingStorePixelRatio || 1;
        
    return (window.devicePixelRatio || 1) / backingStore;
};
var ratio = getPixelRatio(ctx);

在绘制图像时将所有的尺寸乘上 ratio 即可
即x、y、width、height