目前已经更新 2.0 版本,支持生成的海报关联Model,支持是否重新生成海报等功能,具体更新请移步 github: laravel-miniprogram-poster 微信小程序官方并未提供分享到朋友圈的方法,所以目前基本整个行业都是使用生成图文海报发到朋友圈,然后识别太阳码进入到小程序. 通过谷歌或者百度有很多同学已经提供了一些解决方案,但是在我们使用后效果并不是很理想,主要体现在以下方面: 通过PHP写入的字体效果并不理想. 背景图片和微信头像合成后清晰度不够. 无法实现一些复杂的效果.

获取url参数是经常需要用的一个方法,url上的参数可以让我们的程序执行更灵活. 图片转本地也是很实用的,因为海报合成通常只支持本地. 下面我们来看看这些功能的实现: 获取所有参数,采用split拆分法: var strs; function GetRequest () { var url = location.search;//获取url中"?"符后的字符串 var theRequest = new Object(); if (url.indexOf('?') != -1) { va

我是作为一个H5移动端开发.主要是做跨平台兼容ios系统和Android系统. 在移动端中,最让我头疼的不是功能,不是业务逻辑.而是适配.俗话说:移动端适配是最头疼的事情,也是头发掉得最快的时候. 我在移动端开发中遇到很多坑.主要是发生在适配ios系统中,无论从页面布局还是插件的使用,ios 感觉有些独特. 我写移动端主要是应用两种框架H5+ 还有cordova.前端我主要是用的vue.js 今天呢,我来总结一下,无论ios 还是Android 系统适配某些插件使用出现的问题和解决办法. 先从页

最近做了一个用canvas合成海报图片的移动端项目,由于一点canvas基础都没有,所以去网上搜了一位前辈的demo,但是开发过程中遇到了很多问题,现将所遇问题及解决方法总结如下: 1.移动端canvas项目适配全屏问题 问题描述:由于canvas的width和height只能设置px值,不支持rem单位,所以想在移动设备屏幕分辨率繁杂的情况下达到canvas铺满全屏的效果很困难. 解决方法:通过js获取到手机屏幕的clientWidth值,赋给canvas,以此来达到适配全屏的效果: var

应项目需求,要一张宣传页面上加一个太阳码合成一张宣传海报,用户用微信可以识别进入微信小程序. 1. npm安装 npm install html2canvas --save   //html转canvas 2.页面引入 import html2canvas from 'html2canvas'; 3.html: 两张图片的具体定位,可通过css控制,这边代码忽略. qrcode.png为太阳码图片,是后端直接base64返回给前端,前端直接展示(src = 'data:image/png;bas

一张好的产品创意合成海报,能瞬间提升商品价值感,同时场景和相关元素的融入,让消费者瞬间明白商品属性及内涵.同时为商品营造的使用场景拥有更强的代入感,从而刺激转化.好的创意合成海报能为消费者带来视觉冲击的同时,加深对产品的印象. 以一款唇膏为例:炫彩水润唇膏.通过对产品重点炫彩.水润的使用场景联想,我们提炼了夏天.度假.自然等关键词. 那么对应的场景提取了大海.沙滩.海边度假村.瀑布.森林.山川等夏日度假元素.有了这样的分析,也就大概知道了我们合成片所需要的素材. ​下面介绍一下一张商业海报的合成

PHP 使用GD库合成带二维码的海报步骤以及源码实现 在做微信项目开发过程中,经常会遇到图片合成的问题,比如将用户的二维码合成到宣传海报中,那么,遇到这种情况,利用PHP的GD库也是很容易实现的,实现步骤如下 准备好素材: 1.二维码原图qrcode.png  尺寸430*430: 2.海报原图test.png  尺寸680*1074: 步骤以及源码: 一.首先是将二维码缩小为206*206,因为使用微信公众号接口获取的二维码尺寸为430*430,图片有点大,所以要缩小成206*206的(此处单

PHP 使用GD库合成带二维码和圆形头像的海报步骤以及源码实现 之前记录过一篇文章,不过那只是简单将二维码合成到海报中去,这次还要合成头像,而且是圆形.所需要素材就不一一列举,直接代码吧 1.先获取用户头像 有的用户是自定义头像(自定义头像是其他站点),有的用户是小程序头像 if (!$user['logo_status'] && $user['logo']) { $app_domain = config('app_url');//因为自己上传的头像都放在了小程序的后台上 $user['a

前期准备 引入phpqrcode类库(下载地址:https://download.csdn.net/download/weixin_37557729/11891240:支持彩色二维码的下载地址:https://download.csdn.net/download/weixin_37557729/11891244) PHP开启GD扩展库支持 1.利用phpqrcode生成二维码: 原理分析: 下载下来的类文件是一个压缩包,包含很多文件和演示程序,我们只需要里边的phpqrcode.php 这一个文

实验五  用PS制作图文合成海报 [实验目的] ⑴.熟悉PS软件基本操作 ⑵.学会用PS制作内容较丰富的海报式广告 [实验条件] ⑴.个人计算机一台 ⑵.个人计算机中预装Windows7操作系统和浏览器及Photoshop CS6软件 ⑶.通过局域网形式接入互联网 [知识准备] 本实验需要的理论知识:网络广告的基本概念和原理,互联网基础应用,Photoshop软件的基础应用 [实验内容与步骤] 本次供大家参考的是用photoshop设计colorful apple(苹果)标志的案例,标志效果很有

在前端开发并打算推广一个APP的时候,推广页是免不了的,而推广页的展示方式一般是给人家一个二维码,让别人自己去安装APP,这样前段任务也达到了,这次写这篇文章的原因主要还是总结一下,其中有很多不完善的地方,还是请各位指教了:-). 为了做出一张让人满意分享页,页面上的数据有些当然是需要动态展示的,具体展示效果如下图(部分内容不便展示,见谅): 下面说下需要用到的工具,就两个: 1.能动态生成二维码的插件qrcode  2.canvas画布 因为小编用的vue框架具体引入为: import qrc

protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { string path = Server.MapPath(@"/Content/images/bg/index_01.jpg"); AddToImg(path, "图片测试pictureBox在图片上绘制文本_百度知道pictureBox在图片上绘制文本_百度知道", Guid.NewGuid().ToString(&q

思路:vue中图片合并 首先准备好要合并的背景图,和请求后得到的二维码, canvas画图,将两张背景图和一张二维码用canvas画出来, 将canvas再转为img 注意canvas和图片的清晰图和图片的尺寸位置 开始时canvas是隐藏的,两张背景图时显示的,当canvas画完后再转为img的时候,隐藏canvas和背景图,显示canvas转完的图片(也就是合并后的图片) 这个适配方式可能有些瑕疵,所以会加了很多设备的判断 代码: html      <div class="wap-p

以前曾用Canvas合成.裁剪.图片等<用H5中的Canvas等技术制作海报>.这次用Canvas来画文字. 下图中"老王考到驾照后"这几个字是画在Canvas上的,与在PS中打入的字非常接近,毫无违和感. 前面一段时间也在研读JavaScript设计模式相关的知识,这次正好小小的实践一下,但对设计模式的理解还不是很深. 一.项目总览    总共就两张页面,第一张是选择性别,输入名字,第二张页面是合成文字,并展示出来. 虽然页面很简单,但在做这个项目的时候,涉及到了很多方面

在去年的时候也实现过合成海报的功能,不过当时时间仓促,实现的比较简单. 就一个旋转功能,图片也不能拖动放大,也不能裁剪. 去年的实现可以参考<移动图片操作--上传>和<移动图片操作--预览旋转合成> 这次有时间就实现一个功能稍微多点的海报. 一.概要 第一屏 第二屏 第三屏 总共有三屏,第一屏是选择图片,第二屏是合成图片,第三屏是显示结果图,可保存分享朋友圈. 页面内容不是很多,分析起来也比较简单. 1)每一屏的左右边距相同,上边距各不相同. 2)屏幕内的元素,大部分是居中,有些特

最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你的现在,学习代表你的将来.我们都知道计算机技术发展日新月异,速度惊人的快,你我稍不留神,就会被慢慢淘汰!因此:每日不间断的学习是避免被淘汰的不二法宝. 十年河东十年河西,莫欺少年穷. 最近微信开发依然是那么火,有人请我开发一个微信海报,拿到需求后,我瞬间笑了,这不就是两年前我学习微信的时候自己做的一个案例吗?能有什么技术含量? 当然,我有点自大了,所谓骄兵必败,咱还是来分析分析这个微信海报吧! 所谓微信海报就是一个图片,这个图片上

简介 数据库迁移就像是数据库的版本控制,可以让你的团队轻松修改并共享应用程序的数据库结构.迁移通常与 Laravel 的数据库结构生成器配合使用,让你轻松地构建数据库结构.如果你曾经试过让同事手动在数据库结构中添加字段,那么数据库迁移可以让你不再需要做这样的事情. Laravel Schema facade 对所有 Laravel 支持的数据库系统提供了创建和操作数据表的相应支持.   生成迁移 使用 Artisan 命令 make:migration 来创建迁移: 1 php artisan

最近接到一个需求,微信中用户上传图片生成海报.这个需求比较常规,实现思路也比较简单,通过利用用户的input输入,对所上传的图片进行处理,最后通过第三方库html2canvas合成对应的图片即可.思路虽然简单,但是在实现的过程中会遇到各种各样的小问题,现在就将遇到的问题进行一次总结. 1.iphone以及部分android机型通过摄像头拍摄的照片被旋转了90度 原因:由于目前的手机拍照基本都在2M以上,而ios中只要超过2M图片就会自动旋转.拍照后直接取出来的UIimage(用UIImagePi

如今在现代网络开发中,比较流行的模式是基于 API 开发,可以通过手机或网站来创建服务. Laravel 是创建基于 API 的项目的最佳框架之一,它为世界各地的大型社区提供了高速开发. Laravel 内置的项目包括 Composer,允许您添加一些包,使开发更快. 当您决定启动新的基于 API 的项目时,以下几个有用的软件包必须安装.   1. Barryvdh/laravel-debugbar 调试是开发过程中非常重要的一个环节, 通过分析问题,来找到问题,从而解决问题. Laravel

代码: public function mergePic(){ $ground = '/Public/merge/beijing.png'; $img = [ 'url'=>'/Public/merge/qrcode.png', 'x'=>100, 'y'=>100 ]; $qr = [ 'url'=>'/Public/merge/qr.jpg', 'x'=>150, 'y'=>1400 ]; $text = [ 'size'=>20, 'text'=>'1