如何使用Javascript或HTML将裁剪后的图像作为新图像？

在my Phonegap应用程序中，当用户从gallery中选择图像时，应允许用户裁剪图像，然后在单击submit按钮后，应将裁剪后的图像转换为.png或.jpeg格式，以便我可以将此图像发送到服务器。如何使用JavaScript、jquery或HTML5实现这一点。我寻找解决方案，但没有任何效果。请帮帮我

您可以使用HTML5画布裁剪图像

有关更多信息，请参阅：

要使用HTML5画布裁剪图像，我们可以向

drawImage（）

方法

sourceX

，

sourceY

，

sourceWidth

，

sourceHeight

，

destWidth

和

destHeight

。这些参数定义了我们想要显示的矩形的位置和大小 从图像中剪下

背景.绘图图像（imageObj、sx、sy、sw、sh、dx、dy、dw、dh）；

更新：

---

为了以可以发送到服务器的格式获取裁剪后的图像，可以使用以下方法。（请注意，IE9仅在您的文档实际在IE9中运行时才支持此功能）。

感谢您的回复，我确实使用了drawImage绘制了图像，但我需要.png或.jpeg格式的裁剪图像，以便将其发送到服务器。是的，我尝试使用canvas.toDataURL，但问题是在2.3.3版Android设备中不支持此功能。。所以需要一些其他的方法：（啊。那么我恐怕只使用HTML5是不可能的。也许PhoneGap API可以提供一个解决方案，但我不熟悉它，抱歉。嗯，即使在PhoneGap中，图像编辑和保存也没关系，所以我会尝试其他方法来完成这项工作。你说“什么都不起作用”.你试了什么，出了什么问题？

<script>
  context.drawImage(imageObj, sx, sy, sw, sh, dx, dy, dw, dh);
</script>