如何使用javascript将旋转后的图像保存在本地下载文件夹中

我有一张图片，点击旋转按钮，图片会被旋转，点击保存按钮，旋转后的图片必须使用javascript或jquery下载。请告诉我如何保存旋转后的图像。在本文中，我使用的是js和jquery

旋转图像的代码

var角度=0，
img=document.getElementById（'id'）；
document.getElementById（'rotatedown'）。onclick=function（）{
//$（'.crapper bg'）.css（'display'，'none'））
角度=（角度+270）%360；
img.className=“旋转”+角度；
imgRotate=document.getElementById（'id'）.src；
//裁剪者=新裁剪者（imgRotate）；
$（'.saverotatedown'）.css（'显示'，'块'）
$（'.saverotateright'）.css（'显示'，'无'）
$（'.saverotateup'）.css（'显示'，'无'）
$（'.saverotateleft'）.css（'display'，'none'））
让save=document.querySelector（“.saverotatedown”）
save.addEventListener（'单击'，（）=>{
设a=document.createElement（'a'）；
a、 href=imgRotate；
a、 下载='imaged.png'；
文件.正文.附件（a）；
a、 单击（）；
});
log（img.className，imgRotate）；
}

图像上传
旋转
向下保存

请求的图像是

https://skillrary.com/uploads/images/f-sr-logo-195-50.png

，因此当用户（通过浏览器）想要保存处理过的图像时，它仍然会请求原始图像

不要直接使用CSS操作元素，而是尝试创建一个新的

图像

对象，对其进行操作，并通过JavaScript将其提供给画布元素。此图像可以在已操纵状态下下载

在HTML中添加：

<div id="canvas"></div>

---

可以找到更多信息。

请求的图像是

https://skillrary.com/uploads/images/f-sr-logo-195-50.png

，因此当用户（通过浏览器）想要保存处理过的图像时，它仍然会请求原始图像

不要直接使用CSS操作元素，而是尝试创建一个新的

图像

对象，对其进行操作，并通过JavaScript将其提供给画布元素。此图像可以在已操纵状态下下载

在HTML中添加：

<div id="canvas"></div>

---

可以找到更多信息。

您是否尝试过localstorage？否，但正在下载图像，但未旋转图像您是否尝试过localstorage？否，但正在下载图像，但未旋转图像