Edited at

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

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;