-1

さまざまな方法でこれをグーグルで試しましたが、解決策を見つけることができませんでした。事前に使用するコードがないことをお詫びします。

これが私が想像していることです...

ステップ1：ユーザーがテキストフィールドに「Andrew」と入力します

ステップ2：テキストは画像の特定の位置に表示されます。

たとえば、画像は「私の名前は__ 」という単語の写真です。「アンドリュー」という言葉が空白に表示されます。

ステップ3：ユーザーは画像を.pngとしてダウンロードできるようになります

4

3 に答える 3

0

サーバー側での画像操作には常にimagemagickを使用します

http://www.imagemagick.org/Usage/text/

サーバーにroot権限がない場合は、phpの画像関数も使用できます。

http://php.net/manual/en/function.imagestring.php

于 2013-01-01T09:33:29.297 に答える
0

これは、canvashtml5要素を使用して実現できます。これを使用すると、既存の画像をキャンバスに読み込むことができます

canvas.drawImage(image, dx, dy)

次に、特定の位置に同じフォントでテキストを描画できます。ここでは、キャンバスの詳細とその使用に関するチュートリアルを見つけることができます。

于 2013-01-01T09:34:28.603 に答える
0 
    <!DOCTYPE html>
    <html>
    <head><title></title></head>
    <script type="text/javascript">
    function move(params)
    {

   var txt = document.getElementById(params.id).value;
   alert(txt);
   var ele = document.getElementById("myimage");
   document.getElementById("myimage").innerHTML += txt;

   //set your corresponding position
   ele.style.position = 'absolute';
   ele.style.left     = 100+'px';
   ele.style.top      = 100+'px';
     }
     </script>
  <body>
  <input type="text" id="itext"/>
  <input type="button" id="ibutton" text="move" value="move"   onclick="move({id:'itext'});"/>
   <div id="myimage">sss</div>
  </body>
    </html>
于 2013-01-01T10:01:23.143 に答える