Javascript 使用一小块图像创建自定义图像

我期待着创建一个自定义布局使用一小片图像

例如：我有一张30*30像素的图像，现在我需要创建一张200*200像素的新图像（实际上是一个像相框一样的框架）

我研究了很多php的gd库，但没有找到任何方法

我只是需要一个方法，我如何才能做到这一点

我的需求有一个活生生的例子：

有人能告诉我用php实现这一点的方法吗（我使用的是laravel4）

---

提前感谢您的支持。

您可以使用html和css来实现这一点。这就足够了。 只需围绕图像构建一个标记结构，例如作为父元素的div元素。如果您需要支持较旧的浏览器（非CSS3），请在css中寻找“滑动门”技术。如果没有，则可以将多个背景图像（在本例中为帧的不同边界）指定给包含30x30图像的div

滑动门：

多个背景图像：

---

能否通过PHP帮助我完成上述功能。