PHP描画の話(2)

Jun 21, 2016 am 09:08 AM
nbsp

前回はGDを回避するための簡単な描画方法についてお話しましたが、次にGDを使用して最も単純な「描画」である直線を描画しました。
今回は引き続き下に向かって直線を引いていきます。前回のコードで詳しく説明した部分は今回は繰り返しません。

Header("Content-type: image/png");
$im = ImageCreate (200, 100);
$col_black = ImageColorAllocate($im, 0,0,0);
$col_orn = ImageColorAllocate($im, 255,192,0);
// 今日はオレンジを使用しましょう。
// imageline 関数とまったく同じ使用法、
ImageDashedLine($im,0,100,199,100,$col_orn);
// これにより点線が描画されます。

// 実験をしてみましょう。問題を説明するために使用されます。
$col_yel = ImageColorAllocate($im, 255,255,0);
// 黄色。
ImageLine($im,0,99,199,99,$col_yel);
// 画像の下端に黄色の線を描きます。
ImageLine($im,200,0,200,100,$col_orn);
// 画像の右端にオレンジ色の線を描画しようとしましたが、何も起こりません。
// これは、幅200、高さ100の画像の座標範囲が(0,0)から(199,99)であることを示しています。

ImagePNG($im);
ImageDestroy($im);
// まずこのセクションを終了しましょう。
?>


次の効果は絶大です!私も今勉強して販売中です。 PHP 4.0.6 以降では、この使用法が追加されました - 代替
色で線を描くことができます。例は次のとおりです:


Header("Content-type: image/png");
$im = ImageCreate (200, 100);
$col_black = ImageColorAllocate($im, 0,0,0) ;
$col_orn = ImageColorAllocate($im, 255,192,0);
$col_red = ImageColorAllocate($im, 255,0,0);

$style=array($col_red,$col_red,$col_black,$col_orn, $col_orn ,$col_orn,$col_black);
ImageSetStyle($im, $style);
ImageLine($im, 0, 50, 199, 50, IMG_COLOR_STYLED);

ImagePNG($im);
ImageDestroy($im) );
?>

効果を見てみましょう。

このうち、空行で区切られた3行について説明します。配列 $style が定義され、そのメンバーは一連の色です。
次に、関数が実行され、IMG_COLOR_STYLED の「色」を使用して、そのような魔法の「直線」が描画されます -
赤、黒、そしてオレンジ色。注意深く見ると、赤、黒、オレンジの交互の順序が、定義した
$style 配列のメンバーの順序であることがわかります: 赤、赤、黒、オレンジ、オレンジ、オレンジ、黒、そしてまたサイクルが始まります...
はっきりわかります まだ?この関数は PHP 4.0.6 以降でのみサポートされることに注意してください。



ここまで詳しく解説した線画の基本を踏まえて、他の幾何学図形を一気に描くための関数を書いていきたいと思います。皆さんに思い出していただきたいのは、どんな幾何学図形を描いても、それはその図形のいくつかの要素を把握することに他ならないということです。最初に色を数えないと、さまざまなグラフィックスの要素は次のとおりです:

point、2 つの要素: 横座標と縦座標

rectangle、4 つの要素: 左上隅と右下隅の横座標と縦座標

arc、これを理解してください方法: 円弧には円弧と楕円弧が含まれます。円弧を描いて 360 度描いて円を形成します。楕円弧を描いて 360 度描いて楕円を形成します。この円弧の要素は 6 つです。 point は水平座標と垂直座標、水平軸の長さ、垂直軸の長さ、円弧の始点と終点です。

以下の例を見てください。

Header("Content-type: image/png");
$im = ImageCreate (200, 100);
$col_blk = ImageColorAllocate($im, 0,0,0);
$col_orn = ImageColorAllocate($im, 255,192,0);
$col_red = ImageColorAllocate($im, 255,0,0);
$col_grn = ImageColorAllocate($im, 0,255,0);
$col_blu = ImageColorAllocate($im, 0) ,0,255);

ImageSetPixel($im,20,10,$col_orn);
// 小さな点、見えるかな?
ImageRectangle($im,25,20,95,55,$col_blu);
// 青い四角形。
ImageArc($im,20,85,50,40,225,360,$col_grn);
// (20,85) を中心とする緑色の楕円弧、水平軸 50、垂直軸 40、225 度から 360 度。
// ここでの円弧の始点と終点は角度で測定されていることがわかります。
// は水平右方向を 0 度として時計回りに計算されます。
ImageArc($im,160,60,40,40,0,360,$col_orn);
// オレンジ色の完全な円。横軸の長さと縦軸の長さが等しい限り、それは真円です。
// 私たちは皆高校で学びました: 円は楕円の特殊な場合です!
//最後に別の円弧を描きます。円の中心が画像の外側にあってもよいでしょうか?
ImageArc($im,160,140,​​240,240,0,360,$col_red);
// はい!

ImagePNG($im);
ImageDestroy($im);
?>

もちろん、描画する際に特定の領域を特定の色で塗りつぶすことは避けられません。 GD には 3 つの着色方法があり、1 つは長方形領域を着色する
1 つは指定した点が位置する囲まれた領域を着色する
1 つは指定した色で囲まれた領域を着色する
です。次の例を見てください:
Header("Content-type: image/png");
$im = ImageCreate (200, 100);
$col_blk = ImageColorAllocate($im, 0,0,0) ;
$col_orn = ImageColorAllocate($im, 255,192,0);
$col_yel = ImageColorAllocate($im, 255,255,0);
$col_red = ImageColorAllocate($im, 255,0,0);
$col_grn = ImageColorAllocate ( $im, 0,255,0);
$col_blu = ImageColorAllocate($im, 0,0,255);

ImageFilledRectangle($im,20,10,100,50,$col_blu);
ImageFilledRectangle($im,5,40, 50 ,90,$col_red);
ImageFilledRectangle($im,40,80,100,95,$col_orn);
ImageFilledRectangle($im,90,35,110,90,$col_yel);
// 上記は最初の色付けです。長方形を直接描きます。
// 2 番目の色付けを説明するために、意図的に小さな領域を異なる色の 4 つの長方形で囲みました。
//

ImagePNG($im);
ImageDestroy($im);

// エフェクトを見てみましょう。

?>

次に:

Header("Content-type: image/png");
$im = ImageCreate (200, 100);
$col_blk = ImageColorAllocate($im, 0, 0,0);
$col_orn = ImageColorAllocate($im, 255,192,0);
$col_yel = ImageColorAllocate($im, 255,255,0);
$col_red = ImageColorAllocate($im, 255,0,0);
$col_grn = ImageColorAllocate($im, 0,255,0);
$col_blu = ImageColorAllocate($im, 0,0,255);

ImageFilledRectangle($im,20,10,100,50,$col_blu);
ImageFilledRectangle($im, 5,40,50,90,$col_red);
ImageFilledRectangle($im,40,80,100,95,$col_orn);
ImageFilledRectangle($im,90,35,110,90,$col_yel);
// 上記は初めてのAカラーリング。長方形を直接描きます。
// 2 番目の色付けを説明するために、意図的に小さな領域を異なる色の 4 つの長方形で囲みました。
//

ImageFill($im,70,70,$col_grn);
// これは 2 番目の色付けです。

ImageRectangle($im,120,40,190,90,$col_grn);
// フレームを作成するための長方形を描画しましょう。実際、あらゆる形状の境界線をフレームとして使用できます。
ImageFilltoBorder($im,130,50,$col_grn,$col_orn);
// 緑色の長方形の枠をオレンジ色に塗ります。
// 指定された点がこの「ボックス」の範囲内にある限り、領域内の点の位置とは関係ありません。
// この関数は実際には次のように動作します。
// 指定された点から開始して、指定された色の境界が見つかったら停止します。
// 見つからなかった場合は、必要な色で通過点をペイントします。

ImagePNG($im);
ImageDestroy($im);

// エフェクトを見てみましょう。
// 作成した画像はカラフルですが、ブラウザの画像上では、
// 右クリック -> プロパティ: わずか 214 バイト!

?>

今回はここまでにしましょう。



🎜🎜
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

解決策: 組織では PIN を変更する必要があります。 解決策: 組織では PIN を変更する必要があります。 Oct 04, 2023 pm 05:45 PM

ログイン画面に「組織から PIN の変更を求められています」というメッセージが表示されます。これは、個人のデバイスを制御できる組織ベースのアカウント設定を使用しているコンピューターで PIN の有効期限の制限に達した場合に発生します。ただし、個人アカウントを使用して Windows をセットアップした場合、エラー メッセージは表示されないのが理想的です。常にそうとは限りませんが。エラーが発生したほとんどのユーザーは、個人アカウントを使用して報告します。私の組織が Windows 11 で PIN を変更するように要求するのはなぜですか?アカウントが組織に関連付けられている可能性があるため、主なアプローチはこれを確認することです。ドメイン管理者に問い合わせると解決できます。さらに、ローカル ポリシー設定が間違っていたり、レジストリ キーが間違っていたりすると、エラーが発生する可能性があります。今すぐ

Windows 11 でウィンドウの境界線の設定を調整する方法: 色とサイズを変更する Windows 11 でウィンドウの境界線の設定を調整する方法: 色とサイズを変更する Sep 22, 2023 am 11:37 AM

Windows 11 では、新鮮でエレガントなデザインが前面に押し出されており、最新のインターフェイスにより、ウィンドウの境界線などの細部をカスタマイズして変更することができます。このガイドでは、Windows オペレーティング システムで自分のスタイルを反映した環境を作成するのに役立つ手順について説明します。ウィンドウの境界線の設定を変更するにはどうすればよいですか? + を押して設定アプリを開きます。 Windows [個人用設定] に移動し、[色の設定] をクリックします。ウィンドウの境界線の色の変更設定ウィンドウ 11" width="643" height="500" > [タイトル バーとウィンドウの境界線にアクセント カラーを表示する] オプションを見つけて、その横にあるスイッチを切り替えます。 [スタート] メニューとタスク バーにアクセント カラーを表示するにはスタート メニューとタスク バーにテーマの色を表示するには、[スタート メニューとタスク バーにテーマを表示] をオンにします。

Windows 11でタイトルバーの色を変更するにはどうすればよいですか? Windows 11でタイトルバーの色を変更するにはどうすればよいですか? Sep 14, 2023 pm 03:33 PM

デフォルトでは、Windows 11 のタイトル バーの色は、選択したダーク/ライト テーマによって異なります。ただし、任意の色に変更できます。このガイドでは、デスクトップ エクスペリエンスを変更し、視覚的に魅力的なものにするためにカスタマイズする 3 つの方法について、段階的な手順を説明します。アクティブなウィンドウと非アクティブなウィンドウのタイトル バーの色を変更することはできますか?はい、設定アプリを使用してアクティブなウィンドウのタイトル バーの色を変更したり、レジストリ エディターを使用して非アクティブなウィンドウのタイトル バーの色を変更したりできます。これらの手順を学習するには、次のセクションに進んでください。 Windows 11でタイトルバーの色を変更するにはどうすればよいですか? 1. 設定アプリを使用して + を押して設定ウィンドウを開きます。 Windows「個人用設定」に進み、

Windows 11/10修復におけるOOBELANGUAGEエラーの問題 Windows 11/10修復におけるOOBELANGUAGEエラーの問題 Jul 16, 2023 pm 03:29 PM

Windows インストーラー ページに「問題が発生しました」というメッセージとともに「OOBELANGUAGE」というメッセージが表示されますか?このようなエラーが原因で Windows のインストールが停止することがあります。 OOBE とは、すぐに使えるエクスペリエンスを意味します。エラー メッセージが示すように、これは OOBE 言語の選択に関連する問題です。心配する必要はありません。OOBE 画面自体から気の利いたレジストリ編集を行うことで、この問題を解決できます。クイックフィックス – 1. OOBE アプリの下部にある [再試行] ボタンをクリックします。これにより、問題が発生することなくプロセスが続行されます。 2. 電源ボタンを使用してシステムを強制的にシャットダウンします。システムの再起動後、OOBE が続行されます。 3. システムをインターネットから切断します。 OOBE のすべての側面をオフライン モードで完了する

Windows 11 でタスクバーのサムネイル プレビューを有効または無効にする方法 Windows 11 でタスクバーのサムネイル プレビューを有効または無効にする方法 Sep 15, 2023 pm 03:57 PM

タスクバーのサムネイルは楽しい場合もありますが、気が散ったり煩わしい場合もあります。この領域にマウスを移動する頻度を考えると、重要なウィンドウを誤って閉じてしまったことが何度かある可能性があります。もう 1 つの欠点は、より多くのシステム リソースを使用することです。そのため、リソース効率を高める方法を探している場合は、それを無効にする方法を説明します。ただし、ハードウェアの仕様が対応可能で、プレビューが気に入った場合は、有効にすることができます。 Windows 11でタスクバーのサムネイルプレビューを有効にする方法は? 1. 設定アプリを使用してキーをタップし、[設定] をクリックします。 Windows では、「システム」をクリックし、「バージョン情報」を選択します。 「システムの詳細設定」をクリックします。 [詳細設定] タブに移動し、[パフォーマンス] の下の [設定] を選択します。 「視覚効果」を選択します

Windows 11 でのディスプレイ スケーリング ガイド Windows 11 でのディスプレイ スケーリング ガイド Sep 19, 2023 pm 06:45 PM

Windows 11 のディスプレイ スケーリングに関しては、好みが人それぞれ異なります。大きなアイコンを好む人もいれば、小さなアイコンを好む人もいます。ただし、適切なスケーリングが重要であることには誰もが同意します。フォントのスケーリングが不十分であったり、画像が過度にスケーリングされたりすると、作業中の生産性が大幅に低下する可能性があるため、システムの機能を最大限に活用するためにカスタマイズする方法を知る必要があります。カスタム ズームの利点: これは、画面上のテキストを読むのが難しい人にとって便利な機能です。一度に画面上でより多くの情報を確認できるようになります。特定のモニターおよびアプリケーションにのみ適用するカスタム拡張プロファイルを作成できます。ローエンド ハードウェアのパフォーマンスの向上に役立ちます。画面上の内容をより詳細に制御できるようになります。 Windows 11の使用方法

Windows 11で明るさを調整する10の方法 Windows 11で明るさを調整する10の方法 Dec 18, 2023 pm 02:21 PM

画面の明るさは、最新のコンピューティング デバイスを使用する上で不可欠な部分であり、特に長時間画面を見る場合には重要です。目の疲れを軽減し、可読性を向上させ、コンテンツを簡単かつ効率的に表示するのに役立ちます。ただし、設定によっては、特に新しい UI が変更された Windows 11 では、明るさの管理が難しい場合があります。明るさの調整に問題がある場合は、Windows 11 で明るさを管理するすべての方法を次に示します。 Windows 11で明るさを変更する方法【10の方法を解説】 シングルモニターユーザーは、次の方法でWindows 11の明るさを調整できます。これには、ラップトップだけでなく、単一のモニターを使用するデスクトップ システムも含まれます。はじめましょう。方法 1: アクション センターを使用する アクション センターにアクセスできる

iPhoneのSafariでプライベートブラウジング認証をオフにする方法は? iPhoneのSafariでプライベートブラウジング認証をオフにする方法は? Nov 29, 2023 pm 11:21 PM

iOS 17 では、Apple はモバイル オペレーティング システムにいくつかの新しいプライバシーおよびセキュリティ機能を導入しました。その 1 つは、Safari のプライベート ブラウジング タブに対して 2 段階認証を要求する機能です。その仕組みとオフにする方法は次のとおりです。 iOS 17 または iPadOS 17 を実行している iPhone または iPad では、Safari でプライベート ブラウズ タブを開いていて、再度アクセスするためにセッションまたはアプリを終了する場合、Apple のブラウザでは Face ID/Touch ID 認証またはパスコードが必要になります。言い換えれば、ロックが解除されている iPhone または iPad を誰かが手に入れても、パスコードを知らなければプライバシーを閲覧することはできません。

See all articles