HTML5のcanvasで質問です。

getElementByIdでオブジェクトを取得し
widthで横幅は変更でいるのですが
位置はどう変更すれば良いでしょうか??
cssで言えば、leftとtopの指定の仕方です。
※変更はjavascriptで行いたいです

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/06/07 04:34:00
  • 終了:2013/06/14 04:35:08

回答(2件)

id:cx20 No.1

cx20回答回数603ベストアンサー獲得回数1072013/06/07 06:33:19

ポイント50pt

以下のような指定で Canvas の位置指定が可能です。

<canvas id="canvas" width="100" height="100"></canvas>
<script type="text/javascript">
var canvas;
var ctx;

function init() {
    canvas = document.getElementById("canvas");
    canvas.style.position = "absolute";
    canvas.style.left = "100px";
    canvas.style.top = "100px";
    ctx = canvas.getContext("2d");
    
    draw();
}

function draw() {
    ctx.style = "#000000";
    ctx.rect( 0, 0, 100, 100 );
    ctx.stroke();
}

window.onload = function() {
    init();
};
</script>

■ Canvas を絶対位置で場所指定するテスト。
http://jsdo.it/cx20/iuzD

id:dawakaki No.2

だわかき回答回数797ベストアンサー獲得回数1222013/06/08 21:20:34

ポイント50pt

絶対座標での指定なら、canvas.style.left と canvas.style.top で指定します。

下のサイトで試してみることができます。
http://jsdo.it/cx20/iuzD

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません