• はてなアカウントでログイン
• 無料ユーザー登録

みんなの回答

• cx202013/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

  スター

だわかき2013/06/08 21:20:34

満足50pt

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

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

スター
• その他の回答を読む

この質問へのコメント

質問の情報

登録日時

2013-06-07 04:34:00

終了日時

2013-06-14 04:35:08

回答条件

1人5回まで

この質問のカテゴリ

• ウェブ制作

この質問に含まれるキーワード

人気の質問

• 不満なことを周りに当たり散らして会社で浮いた存在になるのと、辛抱して鬱病になるのは、どちらがマシで…coccinellab211日前
• 【今年の漢字】(2023年)を予想してみてください。 ※遠慮なく気軽にどうぞ。(^_^; ※参考URL http://www.ka…rsc228時間前
• ビジネスで部下を指導されてる方や学校の先生、塾の先生などにご意見いただければ幸いです。 私はIT系の仕…匿名質問者1111日前
• エアコンの専用ブレーカがたまに落ちます エアコン本体の過電流による原因ではない気がします。 エアコン…coccinellab11日前
• iMacの作業中なぜか デスクトップにあるファイル（開いた外部ハードディスクのファイルも）が突然すべてが…iquestion111日前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ