在HTML画布中使用平移和缩放时出现虚线问题

canvas {
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: pixelated;
}

var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
var devicePixelRatio = window.devicePixelRatio || 1;
canvas.width = canvas.width * devicePixelRatio;
canvas.height = canvas.height * devicePixelRatio;
context.scale(devicePixelRatio, devicePixelRatio);

function draw() {
  // 绘制代码
  requestAnimationFrame(draw);
}

draw();