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

Only render images when visible

Browse Source
This commit is contained in:
Andreas Hocevar
2017-09-14 09:33:35 +02:00
parent 1a1d45fdd1
commit 742a71cd4b
1 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/ol/render/canvas/replay.js
View File

@@ -169,21 +169,34 @@ ol.render.canvas.Replay.prototype.replayImage_ = function(context, x, y, image,
x = Math.round(x); x = Math.round(x);
y = Math.round(y); y = Math.round(y);
} }
var w = (width + originX > image.width) ? image.width - originX : width;
var h = (height + originY > image.height) ? image.height - originY : height;
var box;
if (rotation !== 0) { if (rotation !== 0) {
var centerX = x + anchorX; var centerX = x + anchorX;
var centerY = y + anchorY; var centerY = y + anchorY;
ol.transform.compose(localTransform, ol.transform.compose(localTransform,
centerX, centerY, 1, 1, rotation, -centerX, -centerY); centerX, centerY, 1, 1, rotation, -centerX, -centerY);
context.setTransform.apply(context, localTransform); context.setTransform.apply(context, localTransform);
box = ol.extent.createEmpty();
ol.extent.extendCoordinate(box, ol.transform.apply(localTransform, [x, y]));
ol.extent.extendCoordinate(box, ol.transform.apply(localTransform, [x + w, y]));
ol.extent.extendCoordinate(box, ol.transform.apply(localTransform, [x + w, y + h]));
ol.extent.extendCoordinate(box, ol.transform.apply(localTransform, [x, y + w]));
} else {
box = [x, y, x + w * scale, y + h * scale];
}
var canvas = context.canvas;
if (box[0] > canvas.width || box[2] < 0 || box[1] > canvas.height || box[3] < 0) {
return;
} }
var alpha = context.globalAlpha; var alpha = context.globalAlpha;
if (opacity != 1) { if (opacity != 1) {
context.globalAlpha = alpha * opacity; context.globalAlpha = alpha * opacity;
} }
var w = (width + originX > image.width) ? image.width - originX : width;
var h = (height + originY > image.height) ? image.height - originY : height;
context.drawImage(image, originX, originY, w, h, x, y, w * scale, h * scale); context.drawImage(image, originX, originY, w, h, x, y, w * scale, h * scale);
if (opacity != 1) { if (opacity != 1) {