如何通過canvas獲取指定的圖片形狀？

2d.getImageData()

獲取指定區(qū)域的的圖像數(shù)據(jù)

如果你還想要不規(guī)則的區(qū)域，可以自己剪裁
2d.clip()

比如用 const coordinate = [[x1,y1],[x2,y2]] 表示人臉坐標

    const canvas = document.createElement('canvas')
    const ctx = canvas.getContext('2d')
    const coordinate = [[100,100],[200,200]]
    const [x1, y1] = coordinate[0];
    const [x2, y2] = coordinate[1];

    const clipWidth = Math.abs(x2 - x1);
    const clipHeight = Math.abs(y2 - y1);
    const img = new Image()
    img.src = "原圖URL"
    img.onload = ()=>{
        ctx.drawImage(img,x1,y1,clipWidth,clipHeight,0,0,clipWidth,clipHeight)
        const data = canvas.toDataURL('image/png')
    }