如何动态地将自定义文本输入添加到图像答案

【问题标题】：How to add custom text input to images dynamically如何动态地将自定义文本输入添加到图像
【发布时间】：2009-08-16 14:39:25
【问题描述】：

谁能给我指点一下如何动态地向图像添加文本。例如，一个人填写文本表单并选择图像。然后在单击提交按钮后，访问者输入的文本被添加到图像中。为了更好地理解它，请检查：http://www.vistaprint.com/。在此站点中，这是在不使用 Flash 的情况下实现的。

任何关于如何实现这一点的指针将不胜感激。谢谢

PS：另一个做类似 eyebuydirect.com/eyetry.php 的网站

【问题讨论】：

为了在 Drupal 中实现上述目标，我意识到有一些模块，如 image 、 imagecache 、 imagecache 动作等，它们内置了对用于图像处理的 PHP GD 库的支持。但是这些创建了预设。我只是对如何将这些预设公开给匿名用户感到困惑..

标签： javascript html ajax image

【解决方案1】：

有很多选项，具体取决于您可以使用的技术，以及生成图像后您想要对其执行的操作。

我的建议是使用服务器端技术生成图像。例如，如果您有 .NET 可用，您可以使用 System.Drawing 类来创建图像。

其他解决方案包括 CSS 定位、Flash 或 SVG，它们都不需要服务器端技术，但可能会限制图像的后续使用。

【讨论】：

非常感谢您的回答。很好地涵盖了问题的各个方面。

【解决方案2】：

在http://www.vistaprint.com/ 中，他们只需在http://www.vistaprint.com/vp/ns/studiotext.aspx 上提交Ajax 请求，它就会返回编译后的图像。此图像只是它们绝对定位在卡片内的渲染文本。
根据您想要的 SVG/VML（raphael 用于跨浏览器）可以考虑。这将允许在没有服务器请求的情况下渲染图像。

【讨论】：

感谢您的回答。我认为，这正是我所需要的。将不胜感激，如果您能提供一些好的链接来帮助我开始详细了解 SVG 和 VML。谢谢

【解决方案3】：

您需要在服务器端进行，如果您使用 php，请参阅http://us2.php.net/manual/en/book.image.php

【讨论】：

感谢您的回答。我正在尝试在drupal中实现类似的东西，因为可以将php脚本插入其中的页面内，所以这确实派上用场