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

标签 javascript php image laravel gd

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

For Example: I have a piece of image 30*30 px now I need to create a new image of 200*200 px (that actually be a frame like photo frame).

我研究了很多php的gd库,但没有找到任何方法来做到这一点。

我只需要一种方法来实现这一目标。

有一个我的需求的活生生的例子:https://www.pictureframesexpress.co.uk/picture-frame-designer/?stage=1

有人可以告诉我如何在 php 中实现这一目标吗(我使用的是 laravel4)。

预先感谢您的支持。

最佳答案

您可以使用 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/

关于javascript - 使用一小块图像创建自定义图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31913828/

相关文章:

php - (Cake)PHP - 使用来自主数据库的数据更新子数据库

android - 获取用户拍摄的最后一张照片

java - 在 Java 的多线程应用程序中移动图像/形状

android - 我的应用程序将图像保存在文件夹中后,图库应用程序崩溃

javascript - 将样式化组件与复合组件模式一起使用时的依赖循环问题

javascript - 在 IE 上捕获 HTML 选项元素的鼠标事件

javascript - 如何编写匹配任何字符串的正则表达式?

php - 谁应该捕获我的 $_POST 数据 : controller or model?

javascript - 甚至在正则表达式上使用匹配丢失的匹配项

php - 在if/else中使用in_array和date的问题