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

Clear canvas in prepareFrame()

Browse Source
This commit is contained in:
Florent gravin
2018-11-12 18:46:01 +01:00
parent 697e475ee4
commit a6f94f865b
2 changed files with 21 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/ol/renderer/canvas/ImageLayer.js
View File

@@ -53,6 +53,7 @@ class CanvasImageLayerRenderer extends IntermediateCanvasRenderer {
*/
prepareFrame(frameState, layerState) {
this.clear(frameState);
const pixelRatio = frameState.pixelRatio;
const size = frameState.size;
const viewState = frameState.viewState;

36
src/ol/renderer/canvas/IntermediateCanvas.js
View File

@@ -121,22 +121,7 @@ class IntermediateCanvasRenderer extends CanvasLayerRenderer {
const dh = image.height * imageTransform[3];
if (dw >= 0.5 && dh >= 0.5) {
const pixelRatio = frameState.pixelRatio;
const canvas = this.layerContext.canvas;
let width = Math.round(frameState.size[0] * pixelRatio);
let height = Math.round(frameState.size[1] * pixelRatio);
if (canvas.width != width || canvas.height != height) {
canvas.width = width;
canvas.height = height;
canvas.style.width = (width / pixelRatio) + 'px';
canvas.style.height = (height / pixelRatio) + 'px';
} else {
this.layerContext.clearRect(0, 0, width, height);
}
// this.clear(this.canvas_.width, this.canvas_.height);
this.clear(frameState);
this.layerContext.drawImage(image, 0, 0, +image.width, +image.height,
Math.round(dx), Math.round(dy), Math.round(dw), Math.round(dh));
}
@@ -166,6 +151,25 @@ class IntermediateCanvasRenderer extends CanvasLayerRenderer {
return abstract();
}
/**
* @param {import("../../PluggableMap.js").FrameState} frameState Frame state.
*/
clear(frameState) {
const pixelRatio = frameState.pixelRatio;
const canvas = this.layerContext.canvas;
const width = Math.round(frameState.size[0] * pixelRatio);
const height = Math.round(frameState.size[1] * pixelRatio);
if (canvas.width != width || canvas.height != height) {
canvas.width = width;
canvas.height = height;
canvas.style.width = (width / pixelRatio) + 'px';
canvas.style.height = (height / pixelRatio) + 'px';
} else {
this.layerContext.clearRect(0, 0, width, height);
}
}
/**
* @inheritDoc
*/