javascript - 如何使用 jquery 优化图像分辨率？

Question

我正在制作一个棋盘用户界面，但我对它的分辨率不满意，所以我想优化它的分辨率。

到目前为止，这是我的代码：

function optimizeResolution(element) {
    var img = new Image();
    var canvas = $('<canvas></canvas>')[0];


    img.onload = () => {
        canvas.width = '128px';
        canvas.height = '128px';
        canvas.getContext('2d').drawImage(element[0], 0, 0, 128, 128);
    };


    img.src = element.attr('src');
    element.attr('src', canvas.toDataURL('image/png'));
}

问题是画布没有绘制任何东西。

标签： javascriptjqueryimage