为CamanJS插件创建函数

时间:2014-02-26 18:05:10

标签: javascript jquery function plugins camanjs

有没有机会创建一个我可以调用的函数?

如果我在文档就绪函数中放入以下行,它可以工作:

Caman("25-02-2014_16-37-13.jpg", "#example-canvas", function () {
  this.brightness(brightness);
  this.render(function () {
    check = this.toBase64(); 
  });

但如果我这样做,我就不能打电话了。所以我尝试了这个:

function icancall()
{
  Caman("25-02-2014_16-37-13.jpg", "#example-canvas", function () {
  this.brightness(brightness);
  this.render(function () {
    check = this.toBase64();
  });
}

所以我想我可以用icancall()调用它;但什么都没发生。我究竟做错了什么? 我想做的事:在点击按钮上执行Caman功能。

我希望你能帮助我!

1 个答案:

答案 0 :(得分:0)

            function resz(){

        Caman("25-02-2014_16-37-13.jpg", "#example-canvas", function  () {
            try {


                this.render(function () {
                    var image = this.toBase64();

                    xyz(image); // call that function where you pass filters 

                });
            } catch (e) { alert(e) }
        });

}

[通过此功能应用CamanJS过滤器]

 function xyz(image){

                var filters_k = $('#filters');

                filters_k.click(function (e) {

                    e.preventDefault();

                    var f = $(this);

                    if (f.is('.active')) {
                        // Apply filters only once
                        return false;
                    }

                    filters_k.removeClass('active');
                    f.addClass('active');
                    var effect = $.trim(f[0].id);
                    Caman(canvasID, img, function () {

                        if (effect in this) {

                            this.revert(false);
                            this[effect]();
                            this.render();

                        }

                    });
                });  
            }