Php 表单字段中输入的文本显示在图像上
我试着用很多不同的方法在谷歌上搜索，但我一直没能找到解决办法。很抱歉，没有任何代码可以提前使用 以下是我的设想 步骤1:用户在文本字段中输入“Andrew” 第2步：文本显示在图像的特定位置 例如，图像是单词“我的名字是\uuu”的图片。 单词“安得烈”将出现在空白区。Php 表单字段中输入的文本显示在图像上,php,javascript,jquery,image,forms,Php,Javascript,Jquery,Image,Forms,我试着用很多不同的方法在谷歌上搜索，但我一直没能找到解决办法。很抱歉，没有任何代码可以提前使用 以下是我的设想 步骤1:用户在文本字段中输入“Andrew” 第2步：文本显示在图像的特定位置 例如，图像是单词“我的名字是\uuu”的图片。 单词“安得烈”将出现在空白区。 步骤3:用户将能够以.png格式下载图像我始终使用imagemagick在服务器端进行图像处理 如果您在服务器上没有root权限，也可以使用php的图像函数 您可以通过使用canvas html5元素来实现这一点。使用它，您可
步骤3:用户将能够以.png格式下载图像我始终使用imagemagick在服务器端进行图像处理 如果您在服务器上没有root权限，也可以使用php的图像函数
您可以通过使用canvas html5元素来实现这一点。使用它，您可以在画布中加载现有图像
canvas.drawImage(image, dx, dy)
<!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>
函数移动（参数）
{
var txt=document.getElementById（params.id）.value；
警报（txt）；
var ele=document.getElementById（“myimage”）；
document.getElementById（“myimage”）.innerHTML+=txt；
//设置相应的位置
ele.style.position='绝对'；
ele.style.left=100+'px'；
ele.style.top=100+'px'；
}
sss