electricdusk/pics
1
0
Fork 0
forked from Public/pics
Code Issues Pull Requests Projects Releases Wiki Activity

Rewrite CropEditor.positionBoundary

Browse Source
This commit is contained in:
Aaron van Geffen 2020-11-23 18:13:57 +01:00
parent 8e7a09f3f3
commit 5895f4faa6
1 changed files with 5 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
public/js/crop_editor.js
View File

@ -258,21 +258,10 @@ class CropEditor {
} }
positionBoundary(event) { positionBoundary(event) {
let source_x = parseInt(this.source_x.value), let scaleFactor = this.getScaleFactor();
source_y = parseInt(this.source_y.value), crop_boundary.style.left = parseInt(this.source_x.value) * scaleFactor + "px";
crop_width = parseInt(this.crop_width.value), crop_boundary.style.top = parseInt(this.source_y.value) * scaleFactor + "px";
crop_height = parseInt(this.crop_height.value), crop_boundary.style.width = parseInt(this.crop_width.value) * scaleFactor + "px";
real_width = this.original_image.naturalWidth, crop_boundary.style.height = parseInt(this.crop_height.value) * scaleFactor + "px";
real_height = this.original_image.naturalHeight,
scaled_width = this.original_image.clientWidth,
scaled_height = this.original_image.clientHeight;
let width_scale = scaled_width / real_width,
height_scale = scaled_height / real_height;
crop_boundary.style.left = (this.source_x.value) * width_scale + "px";
crop_boundary.style.top = (this.source_y.value) * height_scale + "px";
crop_boundary.style.width = (this.crop_width.value) * width_scale + "px";
crop_boundary.style.height = (this.crop_height.value) * height_scale + "px";
} }
} }