gpt4 book ai didi

javascript - 当用户在文本框中输入内容时,如何在图像上显示文本?

转载 作者:行者123 更新时间:2023-11-28 09:51:08 24 4
gpt4 key购买 nike

示例如下: http://www.potterybarn.com/products/saddle-stitch-leather-luggage-tag/?catalogId=69&cm_src=AutoRel

当用户在“查看您的个性化在此项目上的外观”中输入一些文本时。指定文本:'然后按预览,该文本将显示在具有某种特定字体样式的图像上。所以问题是如何做到这一点?这是 JavaScript 吗?如果是的话我应该从哪里得到这个?

最佳答案

然后从中汲取灵感

<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>

关于javascript - 当用户在文本框中输入内容时,如何在图像上显示文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10945952/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com