Изображение автоматически поворачивается на 90 градусов на мобильном телефоне / iPad - PullRequest
1 голос
/ 06 марта 2019

В моем метеорном приложении я использую Filterous 2 для манипулирования изображениями, но когда я пытаюсь применить эффект к большим изображениям (ImageWidth> 1000) с ipad / iphons. Изображения поворачиваются на 90 градусов после применения эффекта.

Фильтрующий код, который рисует изображение на холсте, я попытался изменить ctx.transform, но безуспешно:

function importImage(image) {
      var _this = this;

      if ((typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object') {
        // browser
        this.canvas = document.createElement('canvas');
        this.w = this.canvas.width = image.naturalWidth * this.scale;
        this.h = this.canvas.height = image.naturalHeight * this.scale;
        this.ctx = this.canvas.getContext('2d');
        //MY TRY this.ctx.transform(0, 1, -1, 0, this.h, 0);
        this.ctx.drawImage(image, 0, 0, this.w, this.h);
        console.log( this.canvas);
      } else {
        (function () {
          var img = _this.initImage();
          img.onload = function () {
            _this.w = img.width * _this.scale;
            _this.h = img.height * _this.scale;
            _this.canvas = new Canvas(_this.w, _this.h);
            _this.ctx = _this.canvas.getContext('2d');
            _this.ctx.drawImage(img, 0, 0, _this.w, _this.h);
          };
          img.src = image;
        })();
      }
      return this;
    }
...