使用Javascript / PHP将文本渲染到2D图像上吗？

I own a sports apparel company and I'm looking to have an applet built that will allow customers to see how their team names will look in certain colors on jerseys. Below you can see the final result of a competitor site's Flash applet where text is rendered on 2D surfaces/images.

My requirements: I need users to be able to set the font, primary text color, outline text color, and text style (arched or straight).

So my question-- Is this sort of text rendering possible with only Javascript/PHP?

If so, what limitations do you for see? I've been told the arching and outline text color may be issues. I've also been told that I may have to upload library files to a server where the actual rendering may take place.

If not, what scripting would you guys recommend? I'm trying to stay away from Flash because it's slow and costly.

I'll be passing this onto our developers so please feel free to be as detailed as possible. I figure'd I'd save them some leg work!

Thank you!

That's kind-of a high level question, but yes you can definitely use javascript for it.

If there's a problem with getting characters to look right, you can always save each letter as a separate image and have javascript place them next to each other in preview. I'd try to see how close you could get with the existing fonts first.

Layering the text: one color large font, then a different color smaller font will give you the outline effect your looking for.

Depending on how complex you want your graphics to be, html5 drawing abilities could be used. Check Raphaël library, for instance, webGL/canvas renderers already have a lot of features in modern browsers.

As of the solution with server rendering, it's also possible with gd2(php), but imho that would be less convenient, at least try something different from php (btw, what's your backend running on?)

Your competitor's solution with java applet honestly seems the easiest, except that it requires jre, which few people are eager to install =)