ImageLayereffectはハイブリッドモードで使用できますか？画像ミキシング効果のプロセス全体が実現されます

gitbox 2025-06-15

ブレンドモードは、画像処理中の一般的な手法であり、特定の数式に従って2つの画像を混合して、多様な視覚効果を生成します。 PHPでは、GDライブラリは画像処理の主なツールであり、 Imagelayereffect（）は層効果を制御するために使用される関数の1つです。それで、Mixed Modeの実装の能力はありますか？この記事では、この関数の機能を詳細に調査し、画像の混合効果を実現するための完全なソリューションを提供します。

1。umageLayereffect（）を理解する

ImageLayereffect（）は、PHP GDライブラリの関数です。その機能は、層のマージのモードを設定し、その後の画像のコピーまたは描画操作に影響を与えることです。構文は次のとおりです。

 <span><span><span class="hljs-keyword">bool</span></span><span> </span><span><span class="hljs-title function_ invoke__">imagelayereffect</span></span><span>(GdImage </span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-keyword">int</span></span><span> </span><span><span class="hljs-variable">$effect</span></span><span>);
</span></span>

一般的に使用される効果値は次のとおりです。

IMG_EFFECT_REPLACE ：デフォルトの動作は、ピクセルを直接交換します。
IMG_EFFECT_ALPHABLEND ：標準アルファミックス。
IMG_EFFECT_NORMAL ：上記と同じ。
IMG_EFFECT_OVERLAY ：オーバーレイミキシングを実行します。
IMG_EFFECT_MULTIPLY ：乗算混合を実行します。
IMG_EFFECT_MERGEGRAY ：グレースケール合併を実行します。

2つのオプションIMG_EFFECT_OVERLAYとIMG_EFFECT_MULTIPLYはすべてのPHPバージョンでサポートされておらず、古いバージョンでは実装または無効ではないことに注意してください。

2。ImageLayereffectの制限

ImageLayereffect（）はいくつかの事前定義されたハイブリッドモードを提供しますが、その柔軟性と品種ははるかに柔軟性が低く、もちろんプロフェッショナルな画像ソフトウェアやImageMagickのようなツールとしてもあります。さらに重要なことは、 ImageCopy（）、 ImageCopymerge（）などの関数を使用するなど、次のImageコピー操作でのみ機能します。既存のピクセルデータには影響せず、任意のブレンドモードカスタムフォーミュラをサポートしていません。

したがって、「ソフトライト」、「カラーフィルター」、「線形深化」などのより複雑なブレンドモードまたはカスタマイズされたブレンドモードを実装する必要がある場合は、手動のピクセルごとの計算でこれを行う必要があります。

3.ハイブリッドモードを手動で実装：PHPピクセルレベル操作

「乗算」を例にとると、次の方法で2つの画像を混ぜることができます。

 <span><span><span class="hljs-variable">$bg</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecreatefrompng</span></span><span>(</span><span><span class="hljs-string">'background.png'</span></span><span>); </span><span><span class="hljs-comment">// 背景画像</span></span><span>
</span><span><span class="hljs-variable">$fg</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecreatefrompng</span></span><span>(</span><span><span class="hljs-string">'foreground.png'</span></span><span>); </span><span><span class="hljs-comment">// 前景マップ</span></span><span>
</span><span><span class="hljs-variable">$width</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagesx</span></span><span>(</span><span><span class="hljs-variable">$bg</span></span><span>);
</span><span><span class="hljs-variable">$height</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagesy</span></span><span>(</span><span><span class="hljs-variable">$bg</span></span><span>);

</span><span><span class="hljs-variable">$result</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecreatetruecolor</span></span><span>(</span><span><span class="hljs-variable">$width</span></span><span>, </span><span><span class="hljs-variable">$height</span></span><span>);
</span><span><span class="hljs-title function_ invoke__">imagealphablending</span></span><span>(</span><span><span class="hljs-variable">$result</span></span><span>, </span><span><span class="hljs-literal">false</span></span><span>);
</span><span><span class="hljs-title function_ invoke__">imagesavealpha</span></span><span>(</span><span><span class="hljs-variable">$result</span></span><span>, </span><span><span class="hljs-literal">true</span></span><span>);

</span><span><span class="hljs-keyword">for</span></span><span> (</span><span><span class="hljs-variable">$y</span></span><span> = </span><span><span class="hljs-number">0</span></span><span>; </span><span><span class="hljs-variable">$y</span></span><span> &lt; </span><span><span class="hljs-variable">$height</span></span><span>; </span><span><span class="hljs-variable">$y</span></span><span>++) {
    </span><span><span class="hljs-keyword">for</span></span><span> (</span><span><span class="hljs-variable">$x</span></span><span> = </span><span><span class="hljs-number">0</span></span><span>; </span><span><span class="hljs-variable">$x</span></span><span> &lt; </span><span><span class="hljs-variable">$width</span></span><span>; </span><span><span class="hljs-variable">$x</span></span><span>++) {
        </span><span><span class="hljs-variable">$bgColor</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorat</span></span><span>(</span><span><span class="hljs-variable">$bg</span></span><span>, </span><span><span class="hljs-variable">$x</span></span><span>, </span><span><span class="hljs-variable">$y</span></span><span>);
        </span><span><span class="hljs-variable">$fgColor</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorat</span></span><span>(</span><span><span class="hljs-variable">$fg</span></span><span>, </span><span><span class="hljs-variable">$x</span></span><span>, </span><span><span class="hljs-variable">$y</span></span><span>);

        </span><span><span class="hljs-variable">$bgR</span></span><span> = (</span><span><span class="hljs-variable">$bgColor</span></span><span> &gt;&gt; </span><span><span class="hljs-number">16</span></span><span>) &amp; </span><span><span class="hljs-number">0xFF</span></span><span>;
        </span><span><span class="hljs-variable">$bgG</span></span><span> = (</span><span><span class="hljs-variable">$bgColor</span></span><span> &gt;&gt; </span><span><span class="hljs-number">8</span></span><span>) &amp; </span><span><span class="hljs-number">0xFF</span></span><span>;
        </span><span><span class="hljs-variable">$bgB</span></span><span> = </span><span><span class="hljs-variable">$bgColor</span></span><span> &amp; </span><span><span class="hljs-number">0xFF</span></span><span>;

        </span><span><span class="hljs-variable">$fgR</span></span><span> = (</span><span><span class="hljs-variable">$fgColor</span></span><span> &gt;&gt; </span><span><span class="hljs-number">16</span></span><span>) &amp; </span><span><span class="hljs-number">0xFF</span></span><span>;
        </span><span><span class="hljs-variable">$fgG</span></span><span> = (</span><span><span class="hljs-variable">$fgColor</span></span><span> &gt;&gt; </span><span><span class="hljs-number">8</span></span><span>) &amp; </span><span><span class="hljs-number">0xFF</span></span><span>;
        </span><span><span class="hljs-variable">$fgB</span></span><span> = </span><span><span class="hljs-variable">$fgColor</span></span><span> &amp; </span><span><span class="hljs-number">0xFF</span></span><span>;

        </span><span><span class="hljs-comment">// Multiply パターン式: result = (A * B) / 255</span></span><span>
        </span><span><span class="hljs-variable">$newR</span></span><span> = (</span><span><span class="hljs-variable">$bgR</span></span><span> * </span><span><span class="hljs-variable">$fgR</span></span><span>) / </span><span><span class="hljs-number">255</span></span><span>;
        </span><span><span class="hljs-variable">$newG</span></span><span> = (</span><span><span class="hljs-variable">$bgG</span></span><span> * </span><span><span class="hljs-variable">$fgG</span></span><span>) / </span><span><span class="hljs-number">255</span></span><span>;
        </span><span><span class="hljs-variable">$newB</span></span><span> = (</span><span><span class="hljs-variable">$bgB</span></span><span> * </span><span><span class="hljs-variable">$fgB</span></span><span>) / </span><span><span class="hljs-number">255</span></span><span>;

        </span><span><span class="hljs-variable">$color</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocatealpha</span></span><span>(</span><span><span class="hljs-variable">$result</span></span><span>, </span><span><span class="hljs-variable">$newR</span></span><span>, </span><span><span class="hljs-variable">$newG</span></span><span>, </span><span><span class="hljs-variable">$newB</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>);
        </span><span><span class="hljs-title function_ invoke__">imagesetpixel</span></span><span>(</span><span><span class="hljs-variable">$result</span></span><span>, </span><span><span class="hljs-variable">$x</span></span><span>, </span><span><span class="hljs-variable">$y</span></span><span>, </span><span><span class="hljs-variable">$color</span></span><span>);
    }
}

</span><span><span class="hljs-title function_ invoke__">imagepng</span></span><span>(</span><span><span class="hljs-variable">$result</span></span><span>, </span><span><span class="hljs-string">'output.png'</span></span><span>);
</span></span>

この例は、ピクセルごとに2つの画像ピクセルのRGB値を混合することにより、乗算と混合効果を実現する方法を示しています。パフォーマンスは基礎となるライブラリコールのパフォーマンスほど良くありませんが、自由度が非常に高く、画像合成プロセスの正確な制御が必要なシナリオに適しています。

4。概要

ImageLayereffect（）は、特にアルファマージ操作をサポートするために、いくつかの基本的なシナリオで画像の混合処理を簡素化できます。しかし、その機能は限られており、あらゆる種類のハイブリッドモードをカバーすることはできません。より複雑な画像ミキシングのニーズには、開発者は手動でピクセルを処理するか、ImageMagickや外部ツールの呼び出しなどのより包括的な画像処理ライブラリを使用することを検討する必要があります。

PHPは特別な画像処理言語ではありませんが、サーバー側で画像を生成または処理するときは、安定して制御可能な選択です。 GDライブラリ機能とアルゴリズムロジックを合理的に組み合わせることで、画像編集の多くの可能性を実現できます。