プログラムメモ html

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

プログラムメモ

[PR]

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

2025/11/03 10:08

【HTML5】canvas を全画面表示する。

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
						
							    margin: 0px;
					
							03
						
							    padding: 0px;
					
							04
						
							    position: relative;
					
							05
						
							}
					
							06
						
							07
						
							body #wrapper{
					
							08
						
							    width: 100%;
					
							09
						
							    height: 100%;
					
							10
						
							    position: fixed;
					
							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
						
							}

2013/03/20 15:44 html Comment(0)

【HTML】画像に黒枠をつける

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

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

2013/03/18 12:42 html Comment(0)

１枚の画像に複数のリンクを貼る


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