nodejs 根据坐标 标记图片上的姓名列

1.安装

npm install canvas

或者使用

cnpm install canvas

var { createCanvas, loadImage } = require('canvas');

function drawImageRemark(imgurl,rects,res) {
    loadImage(imgurl).then((image) => {
        console.log(image.width)
        const canvas = createCanvas(image.width, image.height)
        const ctx = canvas.getContext('2d')

        ctx.drawImage(image, 0, 0,image.width,image.height)
        ctx.strokeStyle = 'rgba(64,145,247,0.5)'
        ctx.fillStyle='rgba(64,145,247,0.5)'
        rects.forEach((item, index) => {
            if(item.word.length>=2){
                if(item.rect){
                    ctx.moveTo(parseInt(item.rect[0].x), parseInt(item.rect[0].y))
                    ctx.lineTo(parseInt(item.rect[1].x), parseInt(item.rect[1].y))
                    ctx.lineTo(parseInt(item.rect[2].x), parseInt(item.rect[2].y))
                    ctx.lineTo(parseInt(item.rect[3].x), parseInt(item.rect[3].y))
                    ctx.lineTo(parseInt(item.rect[0].x), parseInt(item.rect[1].y))
                }
            }
        })
        ctx.fill()
        ctx.stroke()
        fs.writeFile("./image.jpg", canvas.toBuffer(), function(err) {
            console.log(err)
            });
        })
    })
}

2.实现效果