忍者ブログ
Flex,Java,Html など、調べた事のメモ帳です。 間違ってたらゴメンなさい。
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

canvasを全画面表示するにはhtmlとcssだけではうまくいかないので、
#wrapperのサイズを取得してcanvasの幅と高さに指定します。



【html】

1 <body>
2 <div id="wrapper">
3 <canvas id="main"></canvas>
4 </div>
5 </body>

【css】

01 body{
02     margin0px;
03     padding0px;
04     positionrelative;
05 }
06  
07 body #wrapper{
08     width100%;
09     height100%;
10     positionfixed;
11 }

【js】

01 $(function () {
02     sizing();
03     $(window).resize(function() {
04         sizing();
05     });
06 });
07  
08 function sizing(){
09     $("#main").attr({height:$("#wrapper").height()});
10     $("#main").attr({width:$("#wrapper").width()});
11 }



 
画像の枠線をつける。例:太さ5ピクセル
<img src="../../logo.gif" width="140" height="53" border="5">

<img src="../../logo.gif" width="140" height="53" style="border:solid 5px #ff0000">




<img src="画像" usemap="#名前">             ←画像を設置
<map name="名前">                           ←下記<area>を囲います
 <area href="リンク先" shape="" coords="座標" alt="">←ここでリンクの設定
 <area shape="default" nohref alt="">        ←画像全体のリンクを付けない
</map>





ブログランキング
にほんブログ村 IT技術ブログ IT技術メモへ
 
カレンダー
02 2017/03 04
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
人気ブログランキング
ブログランキング ブログランキング
最新CM
最新TB
ブログ内検索
PR
ATOM  
ATOM 
RSS  
RSS 
Copyright ©   プログラムメモ   All Rights Reserved
Design by MMIT  Powered by NINJA TOOLS
忍者ブログ [PR]