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

Set proper replay canvas size and offset for rotated view

Browse Source
This commit is contained in:
Andreas Hocevar
2016-08-21 14:09:01 +02:00
parent 7b62f13eb6
commit 02daf761f0
1 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/ol/renderer/canvas/vectorlayer.js
View File

@@ -87,11 +87,21 @@ ol.renderer.canvas.VectorLayer.prototype.composeFrame = function(frameState, lay
var replayGroup = this.replayGroup_; var replayGroup = this.replayGroup_;
if (replayGroup && !replayGroup.isEmpty()) { if (replayGroup && !replayGroup.isEmpty()) {
var layer = this.getLayer(); var layer = this.getLayer();
var drawOffsetX = 0;
var drawOffsetY = 0;
var replayContext; var replayContext;
if (layer.hasListener(ol.render.EventType.RENDER)) { if (layer.hasListener(ol.render.EventType.RENDER)) {
var drawWidth = context.canvas.width;
var drawHeight = context.canvas.height;
if (rotation) {
var drawSize = Math.round(Math.sqrt(drawWidth * drawWidth + drawHeight * drawHeight));
drawOffsetX = (drawSize - drawWidth) / 2;
drawOffsetY = (drawSize - drawHeight) / 2;
drawWidth = drawHeight = drawSize;
}
// resize and clear // resize and clear
this.context_.canvas.width = context.canvas.width; this.context_.canvas.width = drawWidth;
this.context_.canvas.height = context.canvas.height; this.context_.canvas.height = drawHeight;
replayContext = this.context_; replayContext = this.context_;
} else { } else {
replayContext = context; replayContext = context;
@@ -101,6 +111,9 @@ ol.renderer.canvas.VectorLayer.prototype.composeFrame = function(frameState, lay
// see http://jsperf.com/context-save-restore-versus-variable // see http://jsperf.com/context-save-restore-versus-variable
var alpha = replayContext.globalAlpha; var alpha = replayContext.globalAlpha;
replayContext.globalAlpha = layerState.opacity; replayContext.globalAlpha = layerState.opacity;
if (replayContext != context) {
replayContext.translate(drawOffsetX, drawOffsetY);
}
var width = frameState.size[0] * pixelRatio; var width = frameState.size[0] * pixelRatio;
var height = frameState.size[1] * pixelRatio; var height = frameState.size[1] * pixelRatio;
@@ -140,7 +153,8 @@ ol.renderer.canvas.VectorLayer.prototype.composeFrame = function(frameState, lay
if (replayContext != context) { if (replayContext != context) {
this.dispatchRenderEvent(replayContext, frameState, transform); this.dispatchRenderEvent(replayContext, frameState, transform);
context.drawImage(replayContext.canvas, 0, 0); context.drawImage(replayContext.canvas, -drawOffsetX, -drawOffsetY);
replayContext.translate(-drawOffsetX, -drawOffsetY);
} }
replayContext.globalAlpha = alpha; replayContext.globalAlpha = alpha;
} }