在手机/ ipad上图像自动旋转到90度问题

时间:2019-03-06 15:19:52

标签: javascript meteor rotation html5-canvas image-rotation

在我的流星应用程序中,我正在使用Filterous 2进行图像处理,但是当我尝试对来自ipad / iphons的大图像(ImageWidth> 1000)应用效果时。应用效果后,图像旋转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;
    }

0 个答案:

没有答案