0

デモサイトをご覧ください。

http://jsfiddle.net/Alidad/fexGj/

そのデモは「イメージ タイトル」と呼ばれます。次のステップは、テキストとイメージの両方を 1 つのグループとしてイメージに変換し、マウスの右クリックでコピー アンド ペーストできるようにすることです。

ただし、テキストから画像に変換できる PHP コードはありますが、「画像のタイトル」(デモ) を HTML に変換する方法がわかりません。

サンプルの PHP コードを次に示しますが、結合方法がわかりません。

<?php
// Create a 100*30 image
$im = imagecreate(100, 30);

// White background and blue text
$bg = imagecolorallocate($im, 255, 255, 255);
$textcolor = imagecolorallocate($im, 0, 0, 255);

// Write the string at the top left
imagestring($im, 5, 0, 0, 'Hello world!', $textcolor);

// Output the image
header('Content-type: image/png');

imagepng($im);
imagedestroy($im);
?>

これをjQueryコードから画像に変換する方法を教えてください!

午前

4

1 に答える 1

1

最も簡単な方法は、おそらく次のことです。

// index.html
<img src="render_image.php?text=Hello World" />

その後：

// render_image.php
<?php
// Create a 100*30 image
$im = imagecreate(100, 30);

// White background and blue text
$bg = imagecolorallocate($im, 255, 255, 255);
$textcolor = imagecolorallocate($im, 0, 0, 255);

// Write the string at the top left
imagestring($im, 5, 0, 0, $_GET['text'], $textcolor);

// Output the image
header('Content-type: image/png');

imagepng($im);
imagedestroy($im);
?>

これを使用して、JavaScript コードをわずかに変更すると機能するはずです。

$_GET 変数の使用に関する詳細: http://php.net/manual/en/reserved.variables.get.php

于 2012-12-13T04:52:11.727 に答える