图片前面的自定义文字答案

【问题标题】：Custom text in front of image图片前面的自定义文字
【发布时间】：2015-05-16 20:50:17
【问题描述】：

我找到了this site，并担心如何使用后端语言（例如 PHP）或前端使用 javascript 构建一个简单的页面来替换图像中的另一个自定义文本。请点击链接以了解我需要什么。

谁能告诉我应该使用哪个库？

【问题讨论】：

ImageMagic 或 GD 库。从这里开始 [链接] (php.net/manual/en/class.imagick.php)
是的，我知道那个图书馆。但是如何标记该文本是否可编辑？如何知道我替换了同一层中的文本。
您可能需要一个客户端进程。我使用 JQuery 和 Javascript 使文本可变。然后将艺术品传递给控制脚本进行处理。

标签： javascript php image image-processing

【解决方案1】：

这可以通过 GD 库和一些易于使用的类（如 PHPImageWorkshop）轻松完成。 GD库是php某个版本（不记得是哪一个）以上的基础，不需要安装。课程可以从这里下载 - http://phpimageworkshop.com/

<?php
    require_once 'lib/WideImage.php';

    $text = mysql_escape_string($_POST['text']);        

    $image = WideImage::load('image.jpg')->resize(500);         

    if ($text != Null || $text != "" )  {
        $canvas = $image->getCanvas();      
        $canvas->useFont('someFont.ttf', 55, $image->allocateColor(255, 255, 255));
        $canvas->writeText("center", "bottom", "$text");
    }

    $image = $image->saveToFile('newImage.jpg'); 
?>

【讨论】：

我认为这远远满足要求。您需要访问上面的 URL 并检查网络的实际工作方式。有一个初始文本应该被替换，而不仅仅是将文本放在空白区域。
上面的例子就是这样做的。第一个图像是基本图像（image.jpg），没有文本，它生成另一个名称包含文本（newImage.jpg）的图像。在示例中，新图像在代码执行时被覆盖，这是您想要的。
还有一个提示，当在html中显示newImage.jpg时，添加时间变量以避免从浏览器缓存图像。 />