发送p5.js图像到服务器

Question

我通过网络摄像头从createcapture()捕获了图像。使用image()，我将图像拖到画布上。使用saveframes()和回调，我能够将图像发送到服务器，但是图像尺寸很大，并且我希望每次图像都为100 x 100像素，无论其大小是多少。 saveframes()中的图片，然后将其发送到服务器。

var x = window.innerWidth * 0.5;
var y = window.innerHeight * 0.75;
function setup()
{
    cnv = createCanvas(x, y);
    videoInput = createCapture(VIDEO);
    videoInput.size(x, y);
    videoInput.hide();
}
function draw()
{
    if (videoInput) {
        image(videoInput, 0, 0, x, y);
    }
} 

function image()
{
    saveFrames('out','png',1,1,
        function(im) {
            console.log(im);
            console.log(typeof im[0]);
            // image Data is stored in im[0].imageData
            // convert the image to smaller size
            data.imageData = im[0].imageData;
            // data.imageData = Math.random();
        }
    );
    $.post('addname',data,function(result) {
        console.log("data sent", result);
    });
}