Angular материальная пульсация - ручной запуск - PullRequest
Новая
       35

Angular материальная пульсация - ручной запуск

0 голосов
/ 02 апреля 2020

У меня проблема в том, что в первую очередь я получаю координаты, где пользователь вводит следующий код: 

onImageClick(event){
const srcEl = event.srcElement;
const x = (srcEl.naturalWidth / srcEl.width) * event.offsetX
const y = (srcEl.naturalHeight / srcEl.height) * event.offsetY
this.compEditForm.patchValue({
  correctXcoord: x,
  correctYcoord: y
});

}

Он получает координаты правильно, что позволяет мне сохранить их в базе данных, а затем получить доступ к представлению, в котором я могу редактировать эти значения, и поэтому я преобразую исходные координаты изображения в координаты, соответствующие размеру входного изображения при изменении размера. 

triggerRipple(){
const img = this.image.nativeElement;
const x = (this.competicion.correctXCoord / (img.naturalWidth / img.width)) + img.x;
const y = (this.competicion.correctYCoord / (img.naturalHeight / img.height)) + img.y;

console.log(x)
console.log(y)
const rippleRef = this.ripple.launch(x, y, {
  persistent: true
});

}

В этом же методе я запускаю angular рябь материала в X и Y, но эти координаты, похоже, не начинаются в верхнем левом углу изображения. Кто-нибудь знает, как запустить вручную с правильными координатами относительно ввода изображения?

...