保存已使用caman.js操作的图像

时间:2016-01-14 04:22:12

标签: javascript jquery node.js camanjs

伙计我真的很挣扎这个我已经尝试了几天但没有运气,我用camanjs操纵了一个图像然后用canvas.toblob()保存到磁盘,这里是代码

ArrayList<Integer> myArrayList = new ArrayList<>();

    for (int a =0; a<1000; a++) {
        myArrayList.add(a);
    }

    long startTIme = System.nanoTime();
    int count = myArrayList.size();

    for (int a =0; a< count; a++) {

    }

    long endTime = System.nanoTime();
    long result = endTime - startTIme;

保存图像时,会使用.greyscale效果和.noise()效果保存,但我对render()函数内部图像所做的更改不会出现在图像中,我不是确定如何克服这个问题,我尝试过使用.reloadCanvasData(),但它没有用,我想我没有正确使用它,任何有解决方案的人?

2 个答案:

答案 0 :(得分:0)

也许你可以试试

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

下载功能来自http://danml.com/download.html

答案 1 :(得分:0)

我用以下技巧解决了这个问题。你可以用它

 Caman("#canvas", function() {
          //console.log(this.toBase64());
        let a  = document.createElement('a');
            a.href = this.toBase64();
            a.download = Date() +'_image.png';
            a.click();
        });