用画布翻转图像，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并不会改变任何东西。