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

Question

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

我不确定如何继续进行。我正在寻找动态创建放置在移动封面上的图像，使其看起来像它的一部分。

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

帮助将不胜感激。

莫希特迪曼

Answer 1

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

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

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

http://jqueryui.com/draggable/ - jquery 可拖动

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

将上传的图像（使用 Ajax）绘制到画布- 将上传的图像绘制到画布

想像 php - http://php.net/manual/en/class.imagick.php

Answer 2

您可以创建一个draw.php 文件。该文件将获取一些查询字符串，如背景颜色、文本等，并使用这些数据绘制图像。

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

首先学习必须使用 php 绘制图像，然后学习进行 ajax 调用。在这些之后，您可以再次询问。