edit
Hakim El Hattab 2015-11-19 15:44:50 +01:00
parent 0e763c7171
commit 6949ebc762
1 changed files with 6 additions and 5 deletions

View File

@ -4367,6 +4367,7 @@
// Cosmetics // Cosmetics
this.diameter = 100; this.diameter = 100;
this.diameter2 = this.diameter/2;
this.thickness = 6; this.thickness = 6;
// Flags if we are currently playing // Flags if we are currently playing
@ -4385,8 +4386,8 @@
this.canvas.className = 'playback'; this.canvas.className = 'playback';
this.canvas.width = this.diameter; this.canvas.width = this.diameter;
this.canvas.height = this.diameter; this.canvas.height = this.diameter;
this.canvas.style.width = this.diameter/2 + 'px'; this.canvas.style.width = this.diameter2 + 'px';
this.canvas.style.height = this.diameter/2 + 'px'; this.canvas.style.height = this.diameter2 + 'px';
this.context = this.canvas.getContext( '2d' ); this.context = this.canvas.getContext( '2d' );
this.container.appendChild( this.canvas ); this.container.appendChild( this.canvas );
@ -4437,9 +4438,9 @@
Playback.prototype.render = function() { Playback.prototype.render = function() {
var progress = this.playing ? this.progress : 0, var progress = this.playing ? this.progress : 0,
radius = ( this.diameter / 2 ) - this.thickness, radius = ( this.diameter2 ) - this.thickness,
x = this.diameter / 2, x = this.diameter2,
y = this.diameter / 2, y = this.diameter2,
iconSize = 28; iconSize = 28;
// Ease towards 1 // Ease towards 1