如何动态地向图像添加自定义文本输入

时间:2009-08-15 16:02:08

标签: javascript html ajax image

有没有人可以指点一下如何动态地为图像添加文字。例如,一个人填写文本表单并选择一个图像。然后在单击提交按钮后,访问者输入的文本将添加到图像中。要更好地了解它,请检查:http://www.vistaprint.com/。在这个站点中,这已经实现,而不使用闪存。

如何实现这一点的任何指示将非常感激。感谢

PS:另一个做类似eyebuydirect.com/eyetry.php

的网站

3 个答案:

答案 0 :(得分:2)

http://www.vistaprint.com/中,他们只在http://www.vistaprint.com/vp/ns/studiotext.aspx上提交Ajax请求,并返回已编译的图像。这个图像只是一个渲染的文本,他们绝对位于卡片内。
根据您的需要,可以考虑使用SVG / VML(跨浏览器raphael)。这将允许渲染图像而无需服务器请求。

答案 1 :(得分:2)

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

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

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

答案 2 :(得分:0)

如果您使用php,请参阅http://us2.php.net/manual/en/book.image.php

,您需要在服务器端执行此操作