缩放画布以便将base64 toDataURL（）也缩放

我正在构建一个Chrome扩展以保存网页的屏幕截图。我将截图全部拼凑成一个HTML5画布元素。缩放画布以便将base64 toDataURL（）也缩放

如果我然后用canvas.toDataURL（'image/jpeg'，0.8）显示图像;它工作正常。

但是，如果我先尝试通过规模获取上下文和使用该图像：

var context = canvas.getContext('2d'); 
context.scale(.75,.75);

，然后输出canvas.toDataURL('image/jpeg', 0.8);的图像大小为一个无缩放相同。我错过了什么？我如何缩放图像？

2013-04-05 crickeys

这很可能是由于context.scale（.75，.75）;'不会改变'canvas.width'和'canvas.height'。缩放的图像是否产生完全相同的结果或有边界？您可能需要重新绘制而不是使用此方法。 – 2013-04-06 00:30:29

如果你想获得一个按比例缩小<canvas>：

创建要捕捉
绘制1 <canvas>到第二<canvas>使用https://developer.mozilla.org/en-US/docs/HTML/Canvas/Tutorial/Using_images#Scaling第二<canvas>宽度所需的宽度和高度（画布是有效的drawImage()来源）
保存第二个<canvas>

2013-04-06 08:34:58

回答