0

2 つの画像を重ね合わせて 1 つの画像を作成したいと考えています。PHPまたはJSを使用するかどうかは気にしません。別の画像タグに表示して、それを電子メールで送信する必要があります。

私がやりたいことのアイデアをあなたに与えるためのフィドルがあります。

http://jsfiddle.net/7UwDe/

<img id="shirt" src="#">
<img id="corn" src="#">

<img id="final" alt="image to display after">
4

2 に答える 2

1

PHP で GD ライブラリを使用して、イメージをロードし、指定したポイントで一方を他方の上にコピーできます。

PHP.net: イメージコピー

次に、画像を Web サーバーに保存し、html を使用して画像を電子メールに埋め込むことができます。

PHP.net:メール

于 2013-11-06T02:18:23.927 に答える
1

You can use canvas element.

js code

onload = function() {
    x = 500;
    y = 500;

    var canvas = document.getElementById('canvas1');
    if (! canvas || ! canvas.getContext) { return false; }
    canvas.width = x;
    canvas.height = y;
    var ctx = canvas.getContext('2d');
    var img1 = new Image();
    var img2 = new Image();
    img1.src = "http://www.justfitness4u.com/wp-content/uploads/2012/11/White-t-shirt.jpg";
    img2.src = "http://fordevillediaries.com/wp-content/uploads/2013/03/ear-of-corn.jpg";
    img1.onload = function() {
        ctx.drawImage(img1, 0, 0, x, y);
    }
    img2.onload = function() {
        ctx.drawImage(img2, 150, 100, 150, 120);
    }
}

and adding this to your HTML code

<canvas id="canvas1"></canvas>
于 2013-11-06T02:48:52.273 に答える