0

みんな、これに本当に苦労していますが、何日も試してみましたが、うまくいきませんでした。camanjsで画像を操作し、canvas.toblob()でディスクに保存しました。コードは次のとおりです。

Caman("#theCanvas", "images/1.jpg", function () {

    this.greyscale()
        .noise(33.3)
        .render(function(){
            for(i=1;i<=3;i++){
                draw(2);
                draw(3);
                draw(4);
                draw(8);
            }
            for(i=1;i<=29;i++){
                draw(1);
                draw(5);
                draw(6);
                draw(7);
            }
            var canvas = document.getElementById("theCanvas");
            canvas.toBlob(function(blob) {
                saveAs(blob, "image.jpg");
            });
        });
});

画像が保存されると、.greyscale 効果と .noise() 効果で保存されますが、render() 関数内で画像に加えた変更は画像に存在せず、方法がわかりません。これを乗り越えて、.reloadCanvasData() を使用しようとしましたが、うまくいきませんでした。適切に使用していないと思います。解決策がある人はいますか?

4

2 に答える 2

0

多分あなたは試すことができます

.render(function(){
  var base64 = this.toBase64()
  download(base64, 'image.jpg', 'image/jpeg')
})

ダウンロード機能はhttp://danml.com/download.htmlから

于 2016-01-14T06:20:31.017 に答える