现有.jpg图像上的Div覆盖

Question

我想做以下几点：

我有一个现有的网络摄像头的.jpg 图片。

现在，我想用下面的Widget来覆盖这张图片：

<div style="width:250px"><a href="http://wetter.webmart.de/782303" target="_blank" style="text-decoration:none">Wetter in Eglisau</a><br /><script src="http://wetter.webmart.de/e/782303"></script></div>

然后将图片保存在同一个文件夹中的一个新名称下。

我可以用PHP脚本来完成这个任务吗？

我已经搜索了教程，但这些都只是文本或图像之上的图像等。

Answer 1

不幸的是，php无法帮助您做到这一点。如果您只需要生成一张图片，那么图像编辑器就可以了。

但是我想，你需要用新的摄像头图像和天气更新来实现这个过程的自动化。我建议创建一个包含两个图片的网页，@MilanG建议使用css技巧。在此之后，您可以使用一些无头浏览器来捕获屏幕，例如PhantomJS http://phantomjs.org/就可以了。同样，正如我在开头所写的，php无法帮助您完成此任务。

Answer 2

您有用于PHP的图像操作库。即：

http://php.net/manual/en/book.imagick.php

http://php.net/manual/en/book.image.php

如果你想让覆盖层成为图像的一部分。

其他方法使用绝对定位的叠加块，给它更高的Z-索引，并将它放在图像上。