重ねるには 2 つの画像が必要です。1 枚の画像はプラグ、もう 1 枚の画像はケーブルです。プラグのエッジが湾曲しているため、並べて配置するだけでは不十分であり、プラグの湾曲したエッジとケーブルのエッジの間に空白があるため、ケーブルがプラグに接続されているように見えません。
この効果をブラウザの HTML でレンダリングするときは、重複する div を使用します。これは、固定位置/負のマージンなどを使用して簡単に実装できます。したがって、2 つの画像がつながっているように見せるために、プラグ画像に透明を与えました。下にあるケーブルの画像の上に配置しました。
ただし、PDF レポートで同じ効果を実現する必要があり、TCPDF によって生成された PDF でレンダリングされた HTML で 2 つの画像を重ねる方法を見つけることができませんでした。また、domPDF も試してみましたが、うまくいきませんでした。
おそらく、TCPDF / domPDF の専門家の 1 人に解決策がありますか? また、望ましい効果を実現するすぐに使えるソリューションにもオープンです。