如何在php或jquery中动态自定义图像？

Question

我希望用PHP创建一个产品定制工具。该工具将允许用户为预定义的Mobile封面创建自己的Customization。 我已经有了移动封面图片，我希望允许用户在移动封面图片上以背景颜色写下他的名字。 用户可以更改其名称的字体大小和样式。

我不知道如何继续前进。我希望动态创建放置在Mobile封面上的图像，使其看起来像它的一部分。

我正在寻找如何处理它的方法以及我应该使用哪些php图像处理库。

非常感谢帮助。

Mohit Dhiman

Answer 1

在我看来，你会更好地使用Ajax，但使用图像处理工具Imagick。然而，这可能会非常缓慢，如果您在飞行中生成，也可能会使用大量CPU。另外一个解决方案是，您可能会找到一些闪存产品编辑器，这些编辑器已经准备好了内置功能，唯一的缺点是移动设备的浏览器兼容性问题。

我认为最好的方法是使用模板图像和启用ajax的上传功能将该图像输入到画布（可能是html5），然后使用可拖动的html5或jquery画布并跟踪x和y轴上的图像：

这里有一些可能有用的链接：

http://jqueryui.com/draggable/ - jquery dragable

http://www.w3schools.com/html/html5_draganddrop.asp - 可拖动画布

Drawing Uploaded Image(with Ajax) to Canvas - 将上传的图片绘制到画布

想象一下php - http://php.net/manual/en/class.imagick.php

Answer 2

您可以创建draw.php文件。这个文件将获得一些查询字符串，如backgroundcolor，text等，并使用此数据绘制图像。

现在，当用户更改backgroundcolor时，您将对draw.php?backgroundcolor=BLABLA&text=SOMETEXT...进行ajax调用，您可以在页面上显示结果。

首先学习必须用PHP绘制图像，然后学习制作ajax调用。在这之后，你可以再问一次。