将图像数据URI保存为javascript中的维度大小

Question

我有以下代码保存了我的画布的截图：

var currentGameContainer = document.getElementsByTagName("canvas");
var dataImageURL = currentGameContainer[0].toDataURL("image/jpeg", 0.5);

但是这样可以将整个画布保存为全尺寸。有没有办法可以将它保存到200px x 300px？我想这样做，因为它太大了。

Answer 1

您可以使用drawImage()将其内容复制到新的较小的临时画布。如果使用所有参数，则重新采样是自动的。从临时画布中获取图像，然后删除该画布。它永远不需要成为DOM的一部分。