用畫布翻轉圖像，DarkRoom

Question

我使用暗室腳本來操縱圖像，我試圖添加一個自定義插件，圖像應該顛倒，但我沒有獲得成功。

我的插件的代碼是這樣

function() { 
    "use strict"; 
    var Flip = Darkroom.Transformation.extend({ 
     applyTransformation: function(canvas, img, next) { 
      var ctx = canvas.getContext('2d'); 
      ctx.scale(-1, 1) //not flip, whyy?? 
     } 
    }); 
    Darkroom.plugins.flip = Darkroom.Plugin.extend({ 
     initialize: function() { 
      var buttonGroup = this.darkroom.toolbar.createButtonGroup(), 
       flipButton = buttonGroup.createButton({ 
        image: "flip" 
       }); 
      flipButton.addEventListener("click", this.flip.bind(this)) 
     }, 
     flip: function() { 
      this.darkroom.applyTransformation(new Flip()) 
     } 
    }) 
}() 

爲什麼不翻？什麼即時做錯了？

Answer 1

你不需要用帆布背景下工作，因爲基於FabricJS暗室可以setFlipX您的圖像有：

var Flip = Darkroom.Transformation.extend({ 
    applyTransformation: function(canvas, image, next) { 
    image.setFlipX(!image.getFlipX()); 
    // do not forget to call next() 
    next(); 
    } 
}); 

ctx.scale(-1, 1)只是改變matrix of translation並不會改變任何東西。