在javascript中以尺寸尺寸保存图像数据URI

Question

我有以下代码可以保存我的画布的屏幕截图：

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

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

Answer 1

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