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

How to customize Images dynamically in php or jquery?

本文关键字：动态 自定义 图像 jquery php      更新时间：2023-09-26

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

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

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

我们将不胜感激。

Mohit Dhiman

在我看来，最好使用Ajax，但使用图像处理工具Imagick。然而，一个缺点是，如果你在动态生成，这可能会非常慢，也可能会占用大量的CPU使用量。另一个解决方案是，你可能可以找到一些闪存产品编辑器，它们都具备内置功能，唯一的缺点是浏览器与移动设备的兼容性问题。

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

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

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

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

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

Imagick php-http://php.net/manual/en/class.imagick.php

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

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

首先要学习如何用php绘制图像，然后再学习如何调用ajax。在这些之后，你可以再问一次。

相关文章：