Javascript Canvas getImageData,但按比例缩小

Javascript Canvas getImageData,但按比例缩小,javascript,html,html5-canvas,Javascript,Html,Html5 Canvas,我在画布上画了280280号的东西。我想从这个画布上获取图像数据,但是尺寸是28,28 我不能这么做: const imgData = this.ctx.getImageData(0, 0, 28, 28); 因为28岁以后的其他人,28岁就会被切断。所以我试过这样的方法: this.ctx.width = 28; this.ctx.height = 28; const imgData = this.ctx.getImageData(0, 0, 28, 28); console.log(img

我在画布上画了280280号的东西。我想从这个画布上获取图像数据,但是尺寸是28,28

我不能这么做:

const imgData = this.ctx.getImageData(0, 0, 28, 28);
因为28岁以后的其他人,28岁就会被切断。所以我试过这样的方法:

this.ctx.width = 28;
this.ctx.height = 28;
const imgData = this.ctx.getImageData(0, 0, 28, 28);
console.log(imgData);
还有这个

this.ctx.scale(0.1, 0.1);
const imgData = this.ctx.getImageData(0, 0, 28, 28);
console.log(imgData);

但是两者都不起作用。

你在第一块画布上画你的图像

接下来,使用第一个画布作为图像,在28/28的第二个画布上绘制

var img=document.querySelector(“canvas1”);
ctx2.drawImage(img,0,0,28,28);
最后,从第二个画布获取图像数据:

ctx2.getImageData(0,0,28,28)