Retina support for hi-res charts? about easy-pie-chart HOT 3 CLOSED

I've actually adjusted for @2x (or any other density) by setting size to double the physical size needed and then overwriting css to same physical dimensions.

Example:

//js
size: '210'

/css/
.easyPieChart {width:105px !important; height:105px !important; line-height:105px !important;
canvas {width:105px; height:105px;}
}

from easy-pie-chart.

I've added the following lines at line 42 to add retina support:

if(window.devicePixelRatio == 2) {
_this.canvas.setAttribute('style','width:'+_this.options.size+'px;height:'+_this.options.size+'px;');
_this.canvas.setAttribute('width',_this.options.size * 2);
_this.canvas.setAttribute('height',_this.options.size * 2);
_this.ctx.scale(2, 2);
}

from easy-pie-chart.

I added support for high resolution displays in this commit: b6c418a

The graph scales to fit the screen perfectly since some android devices have a devicePixelRatio which is not exactly 2 but 1.5

from easy-pie-chart.