0

新しいレイヤーを適用した後、camanjs で作成されたキャンバス (canvas.toBlob() を使用) をダウンロードしようとしています。レイヤーを適用せずに画像をダウンロードすることしかできません。右クリックして [名前を付けて保存...] を選択すると、正しい画像を取得できますが、ダウンロードしたファイルが正しくありません。

Caman("#myImage", function() {

    var canvas = document.getElementById('myImage');
    var context = canvas.getContext('2d');

    this.newLayer(function() {

        var imageObj = new Image();
        imageObj.src = "some_image.png";

        imageObj.onload = function() {
            context.drawImage(imageObj);
        };
    });
    this.render(function() {
        saveCanvas();
    });
});
4

1 に答える 1

0

複数のレイヤーを持つキャンバス イメージを base64 に変換し、JPEG として保存する以下のコード スニペットを試してください。「png」などの他の形式で保存したい場合は、以下のコードで「download.download = 'image.png'」を指定してください

saveCanvas(){
        var download = document.createElement('a');//Create <a> tag
        download.href = document.getElementById('myImage').toDataURL(); //convert canvas image with multiple layers to base64
        download.download = 'image.jpeg'; // Mention the file name and format to be downloaded
        download.click();// Trigger click event to downkload the image
    }
于 2016-04-11T06:56:03.180 に答える