Image processing 画布元素，图像大小调整和保存

我正在做一个玩具JS项目，将过滤器应用于图像

如果我这样做：

通过FileReader将图像添加到页面并拖放

通过

drawImage

通过

putImageData

通过以下方式保存画布：

---

保存的图像是画布元素的大小还是原始图像的尺寸？

从画布创建的图像将始终是画布的大小。画布不知道您在其中绘制了什么，因此图像的原始大小无关紧要

我不知道Canvas2Image会对生成的图像做什么，但您可以使用以下方法简单地将画布提取为图像：

var dataUri = canvas.toDataURL('image/jpeg');

这将以画布的大小保存图像（我假设Canvas2Image将在可以或模拟bmp格式等的情况下执行相同的操作）

要提示用户将dataUri保存为图像，请参阅我的