如何js提高图片的清晰度

function sharpenImage(imageElement, strength = 1) {
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    const width = canvas.width = imageElement.width;
    const height = canvas.height = imageElement.height;

    ctx.filter = `sharpen(${strength})`;
    ctx.drawImage(imageElement, 0, 0);

    return canvas.toDataURL();
}

// 使用示例
const img = new Image();
img.src = 'path_to_image.jpg';
img.onload = () => {
    const sharpenedImageDataUrl = sharpenImage(img, 2);
    // 将sharpenedImageDataUrl设置为新的图片元素的src属性
};

// 假设已经有一个编译好的WebAssembly模块用于图像锐化
const wasmModule = await WebAssembly.instantiateStreaming(fetch('sharpen.wasm'));
const sharpenImageWasm = wasmModule.instance.exports.sharpenImage;

function sharpenImageWithWasm(imageData, width, height) {
    const resultPtr = sharpenImageWasm(imageData.data.buffer, width, height);
    const resultData = new Uint8ClampedArray(wasmModule.instance.exports.memory.buffer, resultPtr, width * height * 4);
    return new ImageData(resultData, width, height);
}

// 使用示例
const img = new Image();
img.src = 'path_to_image.jpg';
img.onload = () => {
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    canvas.width = img.width;
    canvas.height = img.height;
    ctx.drawImage(img, 0, 0);
    const imageData = ctx.getImageData(0, 0, img.width, img.height);
    const sharpenedImageData = sharpenImageWithWasm(imageData, img.width, img.height);
    ctx.putImageData(sharpenedImageData, 0, 0);
};