如何从图像网格上的onclick事件绘制图像？

Question

您好，我是初学者，所以请不要介意我的愚蠢问题。我正在尝试在onclick事件中从图像网格将图像加载到画布中。我有一个3x2的图像网格，我希望从该网格上选择该图像。到目前为止，我已经设法从下拉菜单中选择图像以绘制到画布上，但是我不知道如何从图像网格中进行绘制。

    sel.elt.style["font-size"]="7.5vmin";
    sel.parent('wrapper');
    sel.changed(dropdownEvent);

    if(windowWidth>windowHeight) {
        viewCanvas = createCanvas(Math.round(windowHeight*0.7),Math.round(windowHeight*0.7));
    } else {
        viewCanvas = createCanvas(windowWidth-20,windowWidth-20);
    }
    canvas = createGraphics(224,224);

    viewCanvas.dragOver(function(){tint=true;});
    viewCanvas.dragLeave(function(){tint=false;});
    viewCanvas.drop(handleFile);

    pixelDensity(1);
    canvas.pixelDensity(1);

    background('white');
    createSpan('<br><br>');

    input = createFileInput(handleFile);
    input.elt.style["width"] = "40%";
    input.elt.style["font-size"]="3vmin";

    button = createButton("<b>Identify</b>");
    button.mousePressed(httpGetAsync);
    button.elt.style["width"] = "50%";
    button.elt.style["height"] = "15vmin";
    button.elt.style["font-size"]="7.5vmin";

因此，基本上该代码的作用是从下拉菜单中选择并将该图像放在画布上。但是我想从图像网格的onclick事件中获取该图像。