是否可以使用Javascript/PHP将文本呈现到2D图像上？

我拥有一家运动服装公司，我希望有一个小程序可以让客户看到他们的球队名称在运动衫上的特定颜色。下面，您可以看到竞争对手网站的Flash小程序的最终结果，其中文本在2D表面/图像上呈现

我的要求：我需要用户能够设置字体、主文本颜色、大纲文本颜色和文本样式（拱形或直形）

所以我的问题是--这种文本呈现方式是否只需要Javascript/PHP就可以实现？

如果是，您认为有哪些限制？我听说拱形和轮廓文字颜色可能是问题。我还被告知，我可能必须将库文件上载到服务器，在那里可能会进行实际渲染

如果不是，你们会推荐什么脚本？我尽量远离Flash，因为它速度慢，成本高

我将把这个传递给我们的开发者，所以请尽可能详细地介绍。我想我应该给他们留点腿活

---

谢谢大家!

这是一个高层次的问题，但是是的，你可以使用javascript来解决它

如果让字符看起来正确有问题，您可以始终将每个字母保存为单独的图像，并让javascript在预览中将它们彼此相邻。我想先看看你能不能接近现有的字体

---

文本分层：一种颜色的大字体，然后另一种颜色的小字体将为您提供所需的轮廓效果。

根据图形的复杂程度，可以使用html5绘图功能。例如，检查库，webGL/canvas渲染器在现代浏览器中已经有很多功能

至于服务器渲染的解决方案，gd2（php）也可以，但是如果不方便的话，至少可以尝试一些不同于php的东西（顺便说一句，你的后端运行在什么上？）

---

您的竞争对手使用java applet的解决方案似乎最简单，只是它需要jre，很少有人愿意安装它=）

感谢您的快速响应！啊，明白了。现有的字体是什么？有他们的链接吗？对不起，我不太了解Javascript。如果客户希望调整文本大小，分层文本是否仍然有效？我想这可以以某种方式按比例调整大小，而且，你能给我指出正确的方向，说明使用什么样的通用代码参数或Javascript函数（对不起，newb）？我会把这件事告诉我们的开发人员。你可以用基本的（内置的）javascript功能做很多事情。基本上，您可以将文本写入一个“浮动div”，然后使用javascript将其准确定位在衬衫上方您想要的位置。您还可以使用Raphaël（）之类的第三方库来完成更复杂的工作。SVG可能是您最好的选择。唯一的缺点是它需要一个IE插件，但在默认启用webGL和Canvas之前的FF和Chrome版本中可以无缝工作。谢谢大家。我想SVG不是最好的选择，因为通常安装插件会导致高跳出率。IE的新版本还需要这个插件吗？电子商务商店正在Shopify上运行。我知道ShopifAPI非常严格，我也不太确定它的局限性是什么。顺便说一句，竞争对手网站正在为applet运行Flash。这对你来说是个好消息，'因为Flash正在慢慢消亡；）IE9，IE10当然支持svg，我怀疑你应该有很多老版本的客户，不是吗？哈哈！这是关于IE的好消息。包括IE 11吗？我相信这就是当前的版本——我是一个Mac迷。请注意，小程序是用Java编写的，Java与JavaScript是完全不同的语言。我不建议您在客户端使用Java。