更改图像中的文本并显示在另一个网页中

Question

假设我有一个图像（today.gif），上面有这个文字：

今天是星期五

现在我希望能够每天更改文本并使用以下代码在其他网站上显示：

<img src="url/today.gif">

如何使用javascript代码执行此操作？

Answer 1

JavaScript最初是为客户端编程而设计的，你打算做什么看起来更像是服务器端编程。

我的理解是你需要一些可以作为参数的图像生成器：

• 背景图片，
• 一些文字，
• 一些格式（颜色，字体，大小，对齐......），
• 或许更多。

您可以使用依赖于某些图像合成库的PHP / Java / CGI后端来完成此操作。这可能会导致以下客户端代码：

<img src="compose.php?image=url/today.gif&text=Today%20is%20Friday&style=TitleWithRedGlow&size=24px&halign=center&valign=center">

后端生成器必须在HTTP标头响应中发送相应的媒体类型（image/gif），以便浏览器将其作为实际图像文件，而不是compose.php生成的HTML页面

在性能方面，必须使用缓存来防止为每个异常请求多次生成完全相同的图片。

安全方面，这样的生成器可以被认为非常方便其他网站开发人员编写自己的图像集。某些机制（tocken，session，...）可能会阻止这种情况，或者您可能只是不暴露生成器并仅使用它来生成静态图像。

作为练习编程构图的快速方法，我建议您尝试 ImageMagick ，如下所述：http://www.imagemagick.org/Usage/annotating/