javascript - 图片前面的自定义文字

Question

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

有人可以告诉我应该使用哪个库吗？

Answer 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'); 
?>