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

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

GDの勉強がてら、円を透過PNGで書き出すサンプルです。

<?php
$img = imagecreatetruecolor(111, 111);//からのキャンバスの作成
$backgroundColor = imagecolorallocate($img, 255, 255, 255);//背景色セット
imagefill($img, 0, 0, $backgroundColor); // 背景を塗る。
imagecolortransparent($img,$backgroundColor);//透明化
 
// 楕円の色を選択します
$color = imagecolorallocate($img, 220, 90, 90);
$color2 = imagecolorallocate($img, 255, 255, 255);
 
// 白い楕円を描画します
imagefilledellipse($img, 55, 55, 110, 110, $color);
imagefilledellipse($img, 55, 55, 40, 40, $color2);
 
// 画像を出力します
imagepng($img,"./circle.png");
?>
 

display属性とmargin属性を使う

こういうケースで、画像をうまく中央寄せするには、以下のようにします。

div p img{
display:block;
margin:auto;
}

width()を使う

ウィンドウサイズを取得するにはwidth()を活用していきます。以下は500px以下の場合、文字が赤に変わる例です。

jQuery

var w = $(window).width();

販売するファイルの容量が大きい場合、ダウンロード販売ショップの運営に耐え得るレンタルサーバーを紹介いたします。
ラピッドサイト ディスク容量120GB VPSサーバーの場合、月額1,980円からご利用いただけます。


0から100までの範囲の乱数を取得し、変数valに格納する。

/* 0から100の範囲 */
var val = Math.round( Math.random()*100 );

/* 1から100の範囲 */
var val = Math.ceil( Math.random()*100 );

/* 0から99の範囲 */
var val = Math.floor( Math.random()*100 );

Math.random関数で、0から1の範囲の不動小数点数のランダムな値を取得し、100を乗算して、Math.round関数で小数点第1位の値を四捨五入している。また、Math.ceil関数は小数点数を切り上げ(繰り上げ)、Math.floor関数は小数点数を切り捨てる(繰り下げる)。

前のページ      次のページ
ブログランキング
にほんブログ村 IT技術ブログ IT技術メモへ
 
カレンダー
12 2025/01 02
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
人気ブログランキング
ブログランキング ブログランキング
最新TB
ブログ内検索
PR
ATOM  
ATOM 
RSS  
RSS 
Copyright ©   プログラムメモ   All Rights Reserved
Design by MMIT  Powered by NINJA TOOLS
忍者ブログ [PR]