Fixes #195: debug feature now works with rotation.

This commit is contained in:
Dominik Picheta 2014-08-08 12:18:05 +01:00
parent 4f8b5d6704
commit 29b69a9e83

View File

@ -1140,12 +1140,24 @@ function drawDebugInfo( drawer, tile, count, i ){
drawer.context.font = 'small-caps bold 13px ariel';
drawer.context.strokeStyle = drawer.debugGridColor;
drawer.context.fillStyle = drawer.debugGridColor;
offsetForRotation( tile, drawer.canvas, drawer.context, drawer.viewport.degrees );
drawer.context.strokeRect(
tile.position.x,
tile.position.y,
tile.size.x,
tile.size.y
);
var tileCenterX = tile.position.x + (tile.size.x / 2);
var tileCenterY = tile.position.y + (tile.size.y / 2);
// Rotate the text the right way around.
drawer.context.translate( tileCenterX, tileCenterY );
drawer.context.rotate( Math.PI / 180 * -drawer.viewport.degrees );
drawer.context.translate( -tileCenterX, -tileCenterY );
if( tile.x === 0 && tile.y === 0 ){
drawer.context.fillText(
"Zoom: " + drawer.viewport.getZoom(),
@ -1188,6 +1200,7 @@ function drawDebugInfo( drawer, tile, count, i ){
tile.position.x + 10,
tile.position.y + 70
);
restoreRotationChanges( tile, drawer.canvas, drawer.context );
drawer.context.restore();
}
}