javascript - 在c#中将文本转换为刺绣针迹

Question

我正在 asp.net C# 中开发一个产品配置器，可能像 http://www.vistaprint.in/vp/ns/easypath/studio.aspx?template=446855~s1_BJD_BJX&ag=True&xnav=previews&xnid=image_112&rd=1

我被这三个问题困住了。

1. 用户将上传带有简单(无渐变)文本的清晰图像。我想将图像上的文字更改为刺绣缝合文字吗？文本可以是直线文本或曲线文本或任何其他形状。

2. 如果无法在图像上添加文字，我可以简单地将文字转换为绣花缝合文字吗？文本可以是直线文本或曲线文本或任何其他形状。

3. 这可以使用一些 jquery 或 javascript 或 C# 插件来完成吗？如果有，请推荐。

由于我是产品配置器的新手，我不知道从哪里开始 并需要一些帮助。

Answer 1

方法一

我的一种方法是为每个字母 a-z A-Z 以及每个数字 0-9 使用不同的图像。 (透明背景)

1. 当用户完成输入后，我将使用用户的输入向服务器发送一个 ajax 请求，响应将是带有文本本身的图像。 (jQuery 可以用于此目的)

2. 在服务器端，对于用户输入中的每个字母，我将获取适当的图像，例如“a”将是 。 (字母最好有透明背景)。

3. 使用这样的东西 Combine two Images into one new Image我会创建全文并将其发送回客户。

4. 在客户端，您将大致知道将新图像放置在 Canvas 上的位置。/例如，它必须垂直和水平居中。/

最后，如果您想对文本进行弯曲、操作等操作，您还可以使用标准 C# 工具 - MSDN还有这个答案 - here .

方法2

另一种方法是创建/或使用/自定义字体(可以找到合适的字体 here 和 here )并使用它渲染图像。请检查此SO question 。如果您需要更严格的文本操作，可能此方法更合适。