HTML5/Javascript代码从模板创建自定义图片

Question

基本上，像picfont这样的网站如何工作？或者那些蛋糕设计网站，你有一个模板，你插入你的图片到框架，并添加&风格文本到文本框？

我有一个程序的邀请广告，其中人们把他们的照片和姓名，并发出个人邀请。所以图形人员已经完成了该模板。与其让1000人向他发送照片和姓名，我知道可以将模板放在网页上，让人们上传照片，做一些自定义编辑并设计他们的名字。 如何操作？我想要一些可以实现的指针或代码。谢谢。

Answer 1

如上所述，您将需要<Canvas>元素，但这也需要一些自定义开发。

我创造了一个良好的起点的自由：https://jsfiddle.net/Zomry/f8to2fyq/11/

这个演示加载一个背景图像，可以将自定义图像（假设这里平方），并允许自定义文本的位置。

您可以将此示例更改为您喜欢的任何内容。您需要更改背景，文本和背景的位置以及您想要随之更改的内容。

祝您的项目顺利。