java中不重绘背景图_h5 canvas 背景图上画多个矩形，清除指定的某一个矩形，背景图片不被清除掉。...

看的问题的小伙伴 您好

我项目需求的 画多个矩形 并且能够移除指定的某一个

我现在遇到问题是 我点击移除按钮

1 clearRect 清除指定的矩形

2 drawImage 我有重新绘制 指定位置的背景图

问题是 重绘背景图后 canvas画布的背景图上还有边框存在线条变细了delet(data, index) {

console.log('移除', data.item)

let everyD = data.item;

// everyD[0], everyD[1], everyD[2], everyD[3] 分别是 左上角xy轴坐标 和 矩形宽高

this.dataArr.splice(index, 1); //删除指定元素

this.ctx.clearRect(everyD[0], everyD[1], everyD[2], everyD[3]) //清除指定的矩形

this.ctx.drawImage(this.img, everyD[0], everyD[1], everyD[2], everyD[3], everyD[0], everyD[1], everyD[2], everyD[3])

},drawRect(e) {

let x = this.x;

let y = this.y;

// console.log('绘制图形xy值', x, y)

this.ctx.save() //状态的保存

this.ctx.beginPath()

let r = parseInt(Math.random() * 256)

let g = parseInt(Math.random() * 256)

let b = parseInt(Mat