js+切割图片

// 假设img是已经加载完成的Image对象
const img = new Image();
img.src = 'path/to/image.jpg';

img.onload = function() {
    // 创建一个Canvas元素
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');

    // 设置Canvas尺寸与图片相同
    canvas.width = img.width;
    canvas.height = img.height;

    // 将图片绘制到Canvas上
    ctx.drawImage(img, 0, 0);

    // 定义切割区域的坐标和尺寸
    const cropX = 100;
    const cropY = 100;
    const cropWidth = 200;
    const cropHeight = 200;

    // 获取切割区域的像素数据
    const croppedImageData = ctx.getImageData(cropX, cropY, cropWidth, cropHeight);

    // 创建一个新的Canvas用于存放切割后的图片
    const croppedCanvas = document.createElement('canvas');
    const croppedCtx = croppedCanvas.getContext('2d');
    croppedCanvas.width = cropWidth;
    croppedCanvas.height = cropHeight;

    // 将像素数据绘制到新的Canvas上
    croppedCtx.putImageData(croppedImageData, 0, 0);

    // 导出切割后的图片
    const croppedImageURL = croppedCanvas.toDataURL('image/png');
    console.log(croppedImageURL); // 这是一个data URL，可以用来显示图片或下载
};