スポンサーリンク

css

Canvasを背景に設定する

投稿日:

canvasを背景にする設定を行いました。
シンプルにできればと思っていたらQiitaでありました。

ボタン操作ができるようになってますがもう少しいい方法もありそう。
もうちょっと調べてみます。

HTML記述

<body>
  <canvas id="canvas"></canvas>
  <section id="body>
    /* 実際のbodyはここに書く */
  </section>
</body>



スポンサーリンク



CSS記述

#canvas { 
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        }

#body   {
        position:absolute;
        top:0;
        left:0;
        }

全てを記述

<head>
    <style>
    #canvas { 
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }

    #body   {
        position:absolute;
        top:0;
        left:0;
    }
    </style>
</head>
<body>
    <canvas id="canvas"></canvas>
    <section id="body">
    /* 実際のbodyはここに書く */
    </section>
</body>

とりあえずキャンパスでの設定はできました。
基本的な設定になりますが、簡単にcanvas(キャンバス)を使用したいので覚書までに。

Originally posted 2015-12-21 15:45:43.

スポンサーリンク

-css
-,

Copyright© office606 , 2023 All Rights Reserved Powered by STINGER.