HTML Canvas样式大小与原生大小调整性能

Question

我正在构建一个使用8位风格艺术的小游戏。我想调整渲染画布的大小，但想知道使用css或native是否更好。哪个会有更好的表现？

我正在使用小画布绘制然后在更大的画布上渲染以供显示。

CSS：

<style>
#render_canvas {
  width: 600px;
  height: 600px;
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;   
}
</style>

或

本机：

canvas.id = 'render_canvas';
canvas.width = 600;
canvas.height = 600;

canvay.ctx.webkitImageSmoothingEnabled = false;
canvas.ctx.mozImageSmoothingEnabled = false;
canvas.ctx.imageSmoothingEnabled = false;