html5-canvas - 我需要所有这些语句来获取 HTML5 画布中图像的数据数组吗？

Question

我正在加载一个像素字体文件作为png图像。然后我使用它canvas通过写入缓冲区 imageData.data来绘制每个字符array，然后使用putImageData.

除了将图像加载为fontImagepng image然后这 7 行...

let fontCanvas = document.createElement("canvas");
fontCanvas.width = fontImage.width;
fontCanvas.height = fontImage.height;
let fontContext = fontCanvas.getContext("2d");
fontContext.drawImage(fontImage, 0, 0);
let fontBank =   fontContext.getImageData(0,0,fontCanvas.width,fontCanvas.height);
let fontData = fontBank.data;

谢谢。