<?php
# 新しいオブジェクト
$GD = new GD();
# WEB よりイメージを作成
# 短縮url で動作します
$GD->LoadJpeg( "https://bit.ly/2MCYPI0" );
# 赤のパレットを作成
$red = $GD->CreateColor( 255, 0, 0 );
# 線の太さを設定
$GD->SetLineWidth( 3 );
# パラメータの処理
if ( ctype_digit( $_GET['x'] ) ) {
$x = $_GET['x'];
}
else {
$x = 135;
}
if ( ctype_digit( $_GET['y'] ) ) {
$y = $_GET['y'];
}
else {
$y = 118;
}
# 楕円を描画
$GD->Arc( $x, $y, 60, 35, $red );
# 黒のパレットを作成
$black = $GD->CreateColor( 0, 0, 0 );
# 白のパレットを作成
$white = $GD->CreateColor( 255, 255, 255 );
# 点線のスタイルを作成
$style = array(
$black,$black,$black,$black,$black,
$white,$white,$white,$white,$white
);
# 線の太さを設定
$GD->SetLineWidth( 1 );
# スタイルを使用して斜め線を描画
$GD->Line( 20, 30, 200, 100, $style );
# 指定の大きさで新しいオブジェクトを作成
//@$GD->Copy( $GD2, 0.3 );
//@$GD->CopyW( $GD2, 100 );
//@$GD->CopyH( $GD2, 200 );
@$GD->CopyWH( $GD2, 600, 400 );
# 縮小画像をファイルとして保存
$GD2->SaveJpeg( "uf3_001.jpg" );
# ブラウザに表示
$GD2->Response( );
# 後処理
$GD->DestroyColor( $red );
$GD->Destroy( );
$GD2->Destroy( );
# ***********************
# クラス
# ***********************
class GD {
var $im;
var $type;
# ***********************
# コンストラクタ
# ***********************
function GD( ) {
}
# ***********************
# キャンバス作成
# ***********************
function CreateCanvas( $Width, $Height, $Type="PNG" ) {
$this->type = $Type;
$this->im = imagecreatetruecolor($Width, $Height);
}
# ***********************
# PNG ロード
# ***********************
function LoadPng( $Target ) {
$this->type = "PNG";
$this->im = @ImageCreateFromPng($Target);
}
# ***********************
# JPEG ロード
# ***********************
function LoadJpeg( $Target ) {
$this->type = "JPEG";
$this->im = @ImageCreateFromJpeg($Target);
}
# ***********************
# 色リソース作成
# ***********************
function CreateColor( $Red, $Green, $Blue ) {
$ret = ImageColorAllocate (
$this->im,
$Red, $Green, $Blue );
return $ret;
}
# ***********************
# 線幅設定
# ***********************
function SetLineWidth( $Width ) {
ImageSetThickness( $this->im, $Width );
}
# ***********************
# 直線の描画
# ***********************
function Line( $x1, $y1, $x2, $y2, $Option ) {
if ( is_array( $Option ) ) {
ImageSetStyle( $this->im, $Option );
ImageLine(
$this->im, $x1, $y1, $x2, $y2, IMG_COLOR_STYLED );
}
else {
ImageLine(
$this->im, $x1, $y1, $x2, $y2, $Option );
}
}
# ***********************
# 矩形の描画
# ***********************
function Box( $x, $y, $w, $h, $Color, $fill=FALSE ) {
if ( $fill ) {
imageFilledRectAngle(
$this->im, $x, $y, $x+$w, $y+$h, $Color );
}
else {
ImageRectAngle(
$this->im, $x, $y, $x+$w, $y+$h, $Color );
}
}
# ***********************
# 楕円の描画
# ***********************
function Arc( $x, $y, $w, $h, $Color ) {
ImageArc( $this->im, $x, $y, $w, $h, 0, 359, $Color );
}
# ***********************
# ブラウザへ出力
# ***********************
function Response( ) {
switch( $this->type ) {
case "PNG":
header('Content-Type: image/png');
ImagePng( $this->im );
break;
case "JPEG":
header('Content-Type: image/jpeg');
ImageJpeg( $this->im );
break;
}
}
# ***********************
# PNG 保存
# ***********************
function SavePng( $FilePath ) {
ImagePng( $this->im, $FilePath );
}
# ***********************
# JPEG 保存
# ***********************
function SaveJpeg( $FilePath, $Quality=75 ) {
ImageJpeg( $this->im, $FilePath, $Quality );
}
# ***********************
# 色リソース開放
# ***********************
function DestroyColor( $Color ) {
ImageColorDeallocate( $this->im, $Color );
}
# ***********************
# イメージの破棄
# ***********************
function Destroy( ) {
ImageDestroy ( $this->im );
}
# ***********************
# 伸縮された新しいイメージの作成
# ***********************
function Copy( &$New, $rate ) {
$w = ImageSx( $this->im );
$h = ImageSy( $this->im );
$New = new GD();
$New->im = ImageCreateTrueColor( $w * $rate, $h * $rate );
$w2 = ImageSx( $New->im );
$h2 = ImageSy( $New->im );
ImageCopyResampled(
$New->im,
$this->im,
0,0,0,0,
$w2, $h2,
$w, $h
);
$New->type = $this->type;
}
function CopyW( &$New, $w_new ) {
$w = ImageSx( $this->im );
$rate = $w_new / $w;
$h = ImageSy( $this->im );
$New = new GD();
$New->im = ImageCreateTrueColor( $w_new, $h * $rate );
$w2 = ImageSx( $New->im );
$h2 = ImageSy( $New->im );
ImageCopyResampled(
$New->im,
$this->im,
0,0,0,0,
$w2, $h2,
$w, $h
);
$New->type = $this->type;
}
function CopyH( &$New, $h_new ) {
$w = ImageSx( $this->im );
$h = ImageSy( $this->im );
$rate = $h_new / $h;
$New = new GD();
$New->im = ImageCreateTrueColor( $w * $rate, $h_new );
$w2 = ImageSx( $New->im );
$h2 = ImageSy( $New->im );
ImageCopyResampled(
$New->im,
$this->im,
0,0,0,0,
$w2, $h2,
$w, $h
);
$New->type = $this->type;
}
function CopyWH( &$New, $w_new, $h_new ) {
$w = ImageSx( $this->im );
$h = ImageSy( $this->im );
$New = new GD();
$New->im = ImageCreateTrueColor( $w_new, $h_new );
$w2 = ImageSx( $New->im );
$h2 = ImageSy( $New->im );
ImageCopyResampled(
$New->im,
$this->im,
0,0,0,0,
$w2, $h2,
$w, $h
);
$New->type = $this->type;
}
}
✅ control.php コントローラ ✅ model.php このバージョンでは使用しません ✅ view.php 画面定義 ✅ client.js FileReader オブジェクトを使用した、画像表示 ※ 複数選択が可能になっています ✅ upload.js $.ajax と FormData オブジェクト ✅ uplaod.php move_uploaded_file でアップロードされたファイルを保存するのが主な役割です。 ( 結果は JSON フォーマットで $.ajax に返します ) control.php $image_path は upload.php で使用するので、そちらへ移動しています。 ( $result_message ももう使用しません )
model.php ここは、もう使用しません( 標準化の為、model.php を削除する事はありません )
client.js この部分は、ver.2 では選択は1つだけでしたが、今回は複数選択が可能になっています( クリアのタイミングが違うだけです )。 $("#image").html(""); による画像クリアをここで実行していません。画像のクリアは、upload.js の #.ajax の正常終了時のイベントの最後で行っています。
upload.js $.ajax と FormData オブジェクトの処理です。但し、アップロードするデータは type="file" を持つ INPUT 要素で作成されるファイルオブジェクトでは無く、FileReader オブジェクトで作成された base64 の文字列を持つ画像を使用します。
PHP のみで作るオーソドックスなファイルアップロードです。
▼ スマホ
マニュアル
※ エキスパートモードで表示しています
アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります
