下载前水平翻转图像答案

【问题标题】：Flip image horizontal before download下载前水平翻转图像
【发布时间】：2020-11-14 09:47:15
【问题描述】：

我正在制作一个带有 Snapchat 等过滤器的简单相机网络应用。我想下载画布，我正在使用以下代码，但图像是镜像的，因为我使用的是前置摄像头。有没有办法在下载之前翻转它？谢谢回复

var c = document.getElementById("mycanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.arc(100, 75, 50, 0, 2 * Math.PI);
ctx.stroke();

function download_image() {
    var canvas = document.getElementById("jeeFaceFilterCanvas");
    image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
    var link = document.createElement('a');
    link.download = "my-image.png";
    link.href = image;
    link.click();
}

【问题讨论】：

插入你的html和css
这里描述了您要查找的内容：Exif Orientation: Rotate and Mirror JPEG Images
对不起，我对代码不是很专业，你能帮我理解我能做什么吗？

标签： javascript html

【解决方案1】：

我的html：

<body onload="main()">
<canvas width="600" height="600" id='FilterCanvas'></canvas>
<div class='notice'>
<div class="sharethis-inline-share-buttons" id="st-1">
<div class="st-btn st-first"  style="display: inline-block;">

<img style="width: 70%;height: 70%; opacity: 50%" onclick="download_image()"> 
</div>
</div>
</div>
</body>

【讨论】：

请edit the question 并将此代码插入其中，这是它所属的位置（此空间用于答案；不是扩展或澄清问题）。然后请删除这个答案不是答案。