0 レビュー
3 回答
php-laravelを使用して他の画像に画像（フレーム）を追加する方法
Laravelを使用して画像にフレームを追加したいと思います。 たとえば、2つの画像があります。1つの画像はpngフレームで、もう1つは元の画像です。
フレーム付きの画像を作成するには、2つを組み合わせる必要があります。
これは私のフレームです。
私の目標は、どの画像にもフレームを配置できるようにすることです。
わからない
0
レビュー
答え :
解決策：
JavaScriptとmerge-imageパッケージを使用して簡単に画像を一緒に作成できます。
次の画像を使用：
/body.png/eyes.png/mouth.pngできること：
import mergeImages from'merge-images'; mergeImages（['/body.png'、'/eyes.png'、'/mouth.png']） .then（b64 => document.querySelector（'img'）。src = b64）; // data：image / png; base64、iVBORw0KGgoAA .. ..これにより、
img要素が更新されてこの画像が表示されます：
わからない
0
レビュー
答え :
解決策：
これは、cssとhtmlの質問に関するものです。 ところで、ここでは例のcssのborder-imageプロパティでこれを行うことができます HTML
<img src="https://images.unsplash.com/photo-1565013161635-98472edee347?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80" width="50%" id="borderimg1">
CSS
#borderimg1 {
border: 10px solid transparent;
padding: 15px;
-webkit-border-image: url(border.png) 30 round; /* Safari 3.1-5 */
-o-border-image: url(border.png) 30 round; /* Opera 11-12.1 */
border-image: url(border.png) 30 round;
}
**Result**
わからない
0
レビュー
答え :
解決策：
このスレッドにはすでにいくつかの優れたクライアント側のアプローチがありますが、このサーバー側を実行したい場合は、人気のあるInterventionImageパッケージが便利です。 Laravelで動作するように設計されています。
画像のサイズが異なる場合は、サイズ変更の計算を行う必要がありますが、基本的には、 insertメソッドで画像をオーバーレイする必要があります。その他。
//新しい介入画像を作成する
$ img = Image :: make（'public / foo.jpg'）;
//別の画像を貼り付けます
$ img-> insert（'public / bar.png'）;
//inserting用の新しいImageインスタンスを作成します
$ watermark = Image :: make（'public / watermark.png'）;
$ img-> insert（$ watermark、'center'）;
//insert透かしを右下隅に10pxオフセット
$ img-> insert（'public / watermark.png'、'bottom-right'、10、10）;
わからない
同様の質問
私たちのウェブサイトで同様の質問で答えを見つけてください。