人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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


●質問者: makocan
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● cx20
●50ポイント

以下のような指定で 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


2 ● だわかき
●50ポイント

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

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

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ