Div Overlay覆盖现有.jpg图像

时间:2015-06-12 10:54:53

标签: php html widget overlay

我想做以下事情:

我有来自网络摄像头的现有.jpg picture

现在我想用以下小部件覆盖这个图片:

<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脚本执行此操作吗?

我已经搜索了教程,但这些都是仅用于文本或Image over Image等。

2 个答案:

答案 0 :(得分:0)

您有PHP的图像处理库。即:

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

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

如果您希望该叠加层成为图像的一部分。

其他方式使用绝对定位覆盖块,给它更高的Z-index并将其放在图像上。

答案 1 :(得分:0)

不幸的是,php无法为您提供帮助。如果你只需要生成一张图片,那么图像编辑器就可以了 但我想,您需要使用新的网络摄像头图像和天气更新来自动执行此过程。我建议创建一个带有两个图像的网页,因为@MilanG建议使用css技巧。之后,您可以使用一些无头浏览器捕获屏幕,例如PhantomJS http://phantomjs.org/会做的。 再次,正如我在开头写的那样,php无法帮助你完成这项任务。