使用一小段图像创建自定义图像

时间:2015-08-10 07:26:39

标签: javascript php image laravel gd

我希望通过使用一小块图片来创建自定义布局。

  

例如:我有一张30 * 30像素的图像现在我需要创建一个200 * 200像素的新图像(实际上是像相框一样的帧)。

我研究了很多php的gd库,但没有找到任何办法。

我只需要一种能够实现这一目标的方法。

有一个我需要的实例:https://www.pictureframesexpress.co.uk/picture-frame-designer/?stage=1

有人可以告诉我在php中实现这一目标的方法(我正在使用laravel4)。

提前感谢您的支持。

1 个答案:

答案 0 :(得分:1)

您可以使用html和css执行此操作。那就足够了。 只需在图像周围构建标记结构,例如div元素作为父元素。如果你需要支持旧浏览器(非CSS3),那么在css中寻找“滑动门”技术。如果不是,您可以将多个背景图像(在您的情况下为帧的不同边框)分配给包含30x30图像的div。

推拉门:

https://css-tricks.com/snippets/css/perfect-css-sprite-sliding-doors-button/

多个背景图片:

https://css-tricks.com/css3-multiple-backgrounds-obsoletes-sliding-doors/