ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #5024 from ahocevar/less-aggressive-canvas-resizing

Browse Source 
Resize the map canvas less aggressively
This commit is contained in:
Andreas Hocevar
2016-03-14 09:41:53 +01:00
parent c0b27bca8f 600c139a61
commit 9db16bfa94
1 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/ol/renderer/canvas/canvasmaprenderer.js
+19 -10
View File
@@ -183,10 +183,14 @@ ol.renderer.canvas.Map.prototype.renderFrame = function(frameState) {
var context; var context;
var pixelRatio = frameState.pixelRatio; var pixelRatio = frameState.pixelRatio;
var width = frameState.size[0] * pixelRatio; var width = Math.round(frameState.size[0] * pixelRatio);
var height = frameState.size[1] * pixelRatio; var height = Math.round(frameState.size[1] * pixelRatio);
this.canvas_.width = width; if (this.canvas_.width != width || this.canvas_.height != height) {
this.canvas_.height = height; this.canvas_.width = width;
this.canvas_.height = height;
} else {
this.context_.clearRect(0, 0, width, height);
}
var rotation = frameState.viewState.rotation; var rotation = frameState.viewState.rotation;
var pixelExtent; var pixelExtent;
@@ -194,12 +198,17 @@ ol.renderer.canvas.Map.prototype.renderFrame = function(frameState) {
context = this.renderContext_; context = this.renderContext_;
pixelExtent = ol.extent.getForViewAndSize(this.pixelCenter_, pixelRatio, pixelExtent = ol.extent.getForViewAndSize(this.pixelCenter_, pixelRatio,
rotation, frameState.size, this.pixelExtent_); rotation, frameState.size, this.pixelExtent_);
var renderWidth = ol.extent.getWidth(pixelExtent); var renderWidth = Math.round(ol.extent.getWidth(pixelExtent));
var renderHeight = ol.extent.getHeight(pixelExtent); var renderHeight = Math.round(ol.extent.getHeight(pixelExtent));
this.renderCanvas_.width = renderWidth + 0.5; var renderCanvas = this.renderCanvas_;
this.renderCanvas_.height = renderHeight + 0.5; if (renderCanvas.width != renderWidth || renderCanvas.height != renderHeight) {
this.renderContext_.translate(Math.round((renderWidth - width) / 2), renderCanvas.width = renderWidth;
Math.round((renderHeight - height) / 2)); renderCanvas.height = renderHeight;
this.renderContext_.translate(Math.round((renderWidth - width) / 2),
Math.round((renderHeight - height) / 2));
} else {
this.renderContext_.clearRect(0, 0, renderWidth, renderHeight);
}
} else { } else {
context = this.context_; context = this.context_;
} }