Question

我可以更改图片格式吗？我想保存为jpg，而不是png。

            var canvas = document.getElementById("canvas_final");
        var ctx = canvas.getContext("2d");
        var img1 = loadImage(imageData, main);
        var img2 = loadImage('imagens/mask.png', main);

        var imagesLoaded = 0;
        function main() {
            imagesLoaded += 1;

            if(imagesLoaded == 2) {
                ctx.drawImage(img1, 0, 0);
                //ctx.globalAlpha = 0.5;
                ctx.drawImage(img2, 0, 400);
            }
        }

        function loadImage(src, onload) {
            var img = new Image();
            img.onload = onload;
            img.src = src;
            return img;
        }

使用img.src显示后我希望将文件格式更改为（jpeg）而不是（png）

Answer 1

您可以使用HTMLCanvasElement.toDataURL将画布转换为数据URI。根据您的要求，您可以使用导出按钮来请求以下内容：

ctx.toDataURL("image/jpeg");

Javascript drawImage和newImage（）改变文件格式

1 个答案: