canvasのサイズをjQueryで変更する #JavaScript

jQueryでcanvasのサイズを設定する。
cssでサイズ設定していると、初期サイズ（幅300px、高さ150px）からの拡大・縮小となる。

index.html

    <canvas id="idCanvas"></canvas>

main.js

   $('#idCanvas').attr('width' , 500);
   $('#idCanvas').attr('height', 500);

main.css

  /* 初期サイズからの拡大・縮小 */
  #idCanvas {
    width  : 200px;
    height : 200px;
  }

追記
cssでのサイズ指定は、canvasを拡大・縮小するものであり、サイズを直接変えるものではありません（画像が縮んだり伸びたりします）。
サイズを直接変える場合は、下記を使用します。

main.js

    //canvas
    canvas = document.getElementById('idCanvas');

    //サイズ指定
    canvas.width  = 500;
    canvas.height = 500;