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

Merge pull request #12393 from mike-000/patch-6

Browse Source 
Scale up static Image and round to nearest pixel to avoid rounding errors
This commit is contained in:
Tim Schaub
2021-06-14 09:06:43 -06:00
committed by GitHub
parent 13ecb6b3fc 269b3c49ee
commit 863d387927
6 changed files with 41 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/ol/Image.js
View File

@@ -136,6 +136,7 @@ class ImageWrapper extends ImageBase {
*/
setImage(image) {
this.image_ = image;
this.resolution = getHeight(this.extent) / this.image_.height;
}
/**

17
src/ol/source/ImageStatic.js
View File

@@ -135,10 +135,19 @@ class Static extends ImageSource {
imageWidth = image.width;
imageHeight = image.height;
}
const resolution = getHeight(imageExtent) / imageHeight;
const targetWidth = Math.ceil(getWidth(imageExtent) / resolution);
if (targetWidth != imageWidth) {
const context = createCanvasContext2D(targetWidth, imageHeight);
const extentWidth = getWidth(imageExtent);
const extentHeight = getHeight(imageExtent);
const xResolution = extentWidth / imageWidth;
const yResolution = extentHeight / imageHeight;
let targetWidth = imageWidth;
let targetHeight = imageHeight;
if (xResolution > yResolution) {
targetWidth = Math.round(extentWidth / yResolution);
} else {
targetHeight = Math.round(extentHeight / xResolution);
}
if (targetWidth !== imageWidth || targetHeight !== imageHeight) {
const context = createCanvasContext2D(targetWidth, targetHeight);
assign(context, this.getContextOptions());
const canvas = context.canvas;
context.drawImage(