Как уменьшить видимый размер canvas

У меня в canvas 1000*1000 рисуется картинка, а потом сохраняется на компьютер. canvas 1000*1000 не красиво смотрится на экране, а если его уменьшить до 300*300 - сохраняемая картинка тоже становится меньше и качество очень падает.

Можно ли его как то уменьшить, но так чтобы сохраняемая картинка осталась 1000*1000?

function download() { 
  var dt = canvas.toDataURL('image/jpeg'); 
  this.href = dt; 
};