Изменение яркости и/или контрастности CSS изображения ngx-image-cropper до его обрезки? ⇐ CSS

[Anonymous]

Есть ли способ отрегулировать яркость и контрастность изображения перед его обрезкой с помощью ngx-image-cropper?
Я знаю, что могу сделать это после обрезки, но не стал бы хотелось бы посмотреть, есть ли способ сделать это, прежде чем обрезать.
Я могу настроить яркость и контрастность исходного изображения (изображения на экране), но когда я обрезаю() а затем отобразить обрезанное изображение, CSS, измененный в исходном изображении, не будет использоваться в обрезанном изображении.
То, что я пробовал (см. мой фрагмент ниже), без каких-либо удачи.

[*]Изменено свойство imageCropper.sourceImage.nativeElement.style.filter.
[*]Изменено свойство loadingImage с частного на общедоступное. и
a.) Изменен imageCropper.loadedImage.original.image.style.filter
b.) Изменен imageCropper.loadedImage.transformed.image.style.filter
< /ol>
Я попробовал пройтись по коду библиотеки, чтобы увидеть, какое изображение используется, но немного запутался.
Ниже приведен пример того, как я изменяю CSS для исходного изображения и мой пример кода stackblitz, показывающий, что я делаю.

Код: Выделить всё

@ViewChild("imageCropper") imageCropper: ImageCropperComponent;

crop() {
this.imageCropper.sourceImage.nativeElement.style.filter = 'brightness(150%) contrast(150%) saturate(150%)';
// I also tried loadedImage, both original and transformed with no luck
// this.imageCropper.loadedImage.original.image.style.filter = 'brightness(' + event.target.value + '%) contrast(' + this.contrast + '%) saturate(' + this.saturate + '%)';
// this.imageCropper.loadedImage.transformed.image.style.filter = 'brightness(' + event.target.value + '%) contrast(' + this.contrast + '%) saturate(' + this.saturate + '%)';
this.imageCropper.crop();
}

Подробнее здесь: https://stackoverflow.com/questions/784 ... age-before