[发明专利]一种根据URL地址生成二维码嵌入到图片的方法在审
申请号: | 201710986435.1 | 申请日: | 2017-10-20 |
公开(公告)号: | CN107807973A | 公开(公告)日: | 2018-03-16 |
发明(设计)人: | 骆振东;关班记;张远世;齐兆勇;何龙泉;黄博;庞毅;季统凯 | 申请(专利权)人: | 国云科技股份有限公司 |
主分类号: | G06F17/30 | 分类号: | G06F17/30;G06F8/41 |
代理公司: | 北京科亿知识产权代理事务所(普通合伙)11350 | 代理人: | 汤东凤 |
地址: | 523808 广东省东*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 根据 url 地址 生成 二维码 嵌入 图片 方法 | ||
技术领域
本发明涉及网页开发技术领域,特别是一种根据URL地址生成的二维码嵌入到图片的方法。
背景技术
目前专门处理生成二维码嵌入到图片上的线上功能比较缺乏;很多都只是生成二维码,并没有可以嵌入原图片的功能;在满足用户的使用程度上大打折扣。
发明内容
本发明解决的技术问题在于提供一种根据URL地址生成二维码嵌入到图片的方法;有助于提供线上处理图片功能的帮助和参考,大大减少用户处理图片的操作时间,省去安装专门处理图片软件工具的步骤。
本发明解决上述技术问题的技术方案是:
在node.js环境下,安装qr-image模块应用于生成二维码,编辑生成二维码图片的方法;安装images模块应用于处理图片,编辑嵌入二维码的方法;封装前述2个方法到util.js;然后安装异步流程控制模块async,组合前述2个方法到async;执行async封装好的流程处理方法,输出嵌入二维码的图片。
调用qr-image中间控件,配置变量参数url,图片格式,尺寸和callback回调函数;用日期加随机编号组合作为图片名称,把图片名称嵌套到fs.createWriteStream函数上,加上异常情况的日志输出,完成生成二维码的方法,再把方法封装在utils{}里面。
调用images库,配置变量参数原图片路径,二维码图片路径callback回调函数;调用.size()方法配置图片的尺寸大小,调用.draw()配置二维码图片嵌入到原图片上的位置,调用.save()方法保存图片到文件夹上,完成嵌入二维码的方法,再把方法封装在utils{}里面。
在js文件上引用utils文件和async的控件,配置好二维码生成的方法里的参数,加入url地址,封装成task1变量方法,配置原图片的路径到嵌入二维码的参数里,封装成task2变量方法,最后调用async.waterfall函数组合task1和task2两个方法到业务流程里进行分步处理,生成二维码的方法(task1)放前面,嵌入二维码的方法(task2)放后面,加上异常情况的日志输出,完成整个异步流程控制方法。
执行async封装好的流程处理方法,result输出嵌入二维码后的图片路径,打开文件夹实现预览图片效果。
本发明利用nodejs的核心工具提供的生成二维码模块qr-image,嵌入图片水印模块images和异步流程控制模块async。整套方法的实现流程有助于提供线上处理图片功能的帮助和参考,大大减少用户处理图片的操作时间,省去安装专门处理图片软件工具的步骤。本发明发明方法有助于提供平台线上更好处理图片的操作和有价值的参考性,不需要后台JAVA代码的处理,只需要在页面前端实现,处理逻辑比较简单,易懂,而且扩展性好,能改造成批量处理或者自由拖拽二维码图片的位置。
附图说明
下面结合附图对本发明进一步说明:
图1为本发明的流程图;
图2是本发明生成二维码方法和嵌入图片方法代码截图;
图3是本发明流程控制组合的执行方法代码截图。
具体实施方式
下面将结合附图,对本发明实施例中的技术方案进行清楚、完整的描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出实质性创造获得的方案,都属于本发明保护的范围。
如图1,本发明的具体实现步骤如下:
1、下载nodejs工具,安装到本地开发环境上。安装后检测是否已安装成功,双击下载的安装包Node.exe,会弹出命令行窗口,在窗口上输入:cd node的安装目录地址,再输入:--version,窗口会输出node的版本号,此刻证明node已安装成功。
2、安装qr-image模块,此模块主要应用于生成二维码,在命令窗口输入npm install qr-image,执行后安装成功。
3、编辑生成二维码图片的方法,调用qr-image中间控件,配置变量参数url,图片格式,尺寸和callback回调函数。用日期加随机编号组合作为图片名称,把图片名称嵌套到fs.createWriteStream函数上,加上异常情况的日志输出,整个生成二维码的方法基本完成,再把方法封装在utils{}里面。
4、安装images模块,此模块主要应用于处理图片合成图片的方法,在命令窗口输入npm install images,执行后安装成功。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于国云科技股份有限公司,未经国云科技股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201710986435.1/2.html,转载请声明来源钻瓜专利网。