当用户在文本框中输入文字时，如何在图像上显示文字？

Question

这里是示例： http : //www.potterybarn.com/products/saddle-stitch-leather-luggage-tag/? catalogId=69&cm_src=AutoRel

当用户在“查看您的个性化设置在此商品上的外观”中输入一些文字时。 指定文本：'，然后按预览，该文本将以某种特定的字体样式显示在图像上。 那么问题是如何做到的？ 这是JavaScript吗？ 如果是，那我应该从哪里得到呢？

Answer 1

然后从这个想法

<html>
<head>
<script>
function preview()
{
document.getElementById("txt").innerHTML=document.getElementById("person").value;
}</script></head>
<body>
<div style="position:relative;">
<img src="whatever"><span id="txt" style="font:20px Tahoma;position:absolute;top:0px;left:0px;"></span>
</div>
<label for="person">See how your personalization would look on this item. Specify text:</label><input type="text" id="person" >
<button onclick="preview()">Preview</button></body></html>

当用户在文本框中输入文字时，如何在图像上显示文字？

问题描述

1 个解决方案

解决方案1
0 已采纳

当用户在文本框中输入文字时，如何在图像上显示文字？

问题描述

1 个解决方案

解决方案1 0 已采纳

解决方案1
0 已采纳