nodejs实现二维码生成及图片合成使用指南_图片入门知识

前端需要做分享功能。生成二维码后 在指定的图片上添加二维码和邀请码生成新的图片。1.使用 qr-code生成二维码/**
* 根据url 地址生成 二维码
*/
async createQr(url, name) {let qr_png = qr.image(url, { type: ‘png‘, size: 8, margin: 2 });let imgN

nodejs实现二维码生成及图片合成使用指南

前端需要做分享功能。生成二维码后 在指定的图片上添加二维码和邀请码生成新的图片。

nodejs实现二维码生成及图片合成使用指南_图片入门知识

1.使用 qr-code生成二维码

/**
* 根据url 地址生成 二维码
*/
async createQr(url, name) {
    let qr_png = qr.image(url, { type: ‘png‘, size: 8, margin: 2 });
    let imgName = `${this.app.config.share_path}/${name}.png`;
    let qr_pipe = qr_png.pipe(fs.createWriteStream(imgName));
    return await new Promise((resolve, reject) => {
      qr_pipe.on(‘error‘, function(err) {
        console.log(err);
        resolve(null);
      });
      qr_pipe.on(‘finish‘, function() {
        resolve(imgName.substring(3, imgName.length));
      });
    }).then(data => data);
}

2.使用 text-to-svg 生成邀请码图片,字符转图片

const textToSVG = TextToSVG.loadSync();
      const svg = textToSVG.getSVG(id + ‘‘, {
        x: 0,
        y: 0,
        width: 80,
        height: 32,
        fontSize: 22,
        anchor: ‘left top‘,
        attributes: {
          fill: ‘white‘, // 字体颜色
          stroke: ‘black‘,
        },
});

3.使用gm工具合成图片

svg2png(svg).then(d => {
        console.log(‘@@@@@@@@‘);
        const n = `${this.app.config.share_path}/${name}_number.png`;
        fs.writeFile(`${n}`, d, err => {
          gm().in(‘-page‘, ‘0,0‘)// -page是设置图片位置,所有的图片以左上为原点,向右、向下为正
            .in(sourceImg)// 底图,到这里第一张图就设置完了,要先设置参数,再设置图片
            .in(‘-resize‘, ‘250x250‘)// 设置微信二维码图片的大小(等比缩放)
            .in(‘-page‘, ‘+110+210‘)// 设置微信二维码图片的位置
            .in(waterImg)// 二维码图
            .in(‘-page‘, ‘+210+532‘)// logo图位置
            .in(n)// logo图
            .mosaic()// 图片合成
            .write(lastput, function(err) { // 图片写入
              if (err) {
                console.log(err);
                reject(new Error(‘error!!!!!!!!!!!!!!!!‘));
              } else {
                console.log(‘ok‘);
                resolve(lastput.substring(3, lastput.length));
              }
            });
        });
});
海计划公众号
(0)
上一篇 2020/03/26 23:29
下一篇 2020/03/26 23:29

您可能感兴趣的内容

  • 移动端兼容适配的分析菜鸟指南_适配使用教程

    一、思考在移动端越来越重要的背景下,每位web开发者对移动适配都有自己的想法。是移动优先,还是PC优先,还是两者兼得?在实际开发中这个问题是和项目产品定位有关的,也涉及到UI的设计,不是开发者能决定。但不管产品如何定位,作为开发者总是要提供最好的解决方案,是用一套样式还是多套样式?网上一搜,有静态布局、流式布局,响应式布局,自适应布局,弹性布局等一堆,云里雾

    2020/03/29
  • 在生产环境中使你的 npm i 速度提升 50%指南攻略_npm使用说明

    对于一个前端应用,或者说是一个 Node 应用,在 CICD pipeline 中,无论是构建,测试,部署,其中必不可少的环节就是依赖安装: npm i。npm i 不仅是必不可少的环节,而且很可能也是耗时最长的一个环节。打蛇打七寸,优化应该从瓶颈处开始,如果能从依赖安装下手,将能极大地缩短部署时间,提高产品交付效率,改善 DevOps 流程,从而促进敏捷开

    2020/03/22
  • npm使用国内淘宝镜像的方法基础入门_npm小白帮助

    npm使用国内淘宝镜像的方法基础入门 npm的服务器在国外,拉取npm包的列表、下载包这个过程会比较缓慢。凡是包管理工具基本都有这个问题,例如maven、pip等,这些问题都可以通…

    2020/03/19
  • javascript中bom是什么意思?基础指南_bom使用帮助

    BOM(Browser Object Model)即浏览器对象模型,提供了独立于内容而与浏览器窗口进行交互的对象;由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window。BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。常见的BOM对象window:代表整个浏览器窗口(window是BOM中的一个对象,并且是顶级的对象)Na

    2020/03/24
  • React中useState Hook 示例使用说明_示例小白帮助

    到 React 16.8 目前为止,如果编写函数组件,然后遇到需要添加状态的情况,咱们就必须将组件转换为类组件。编写 class Thing extends React.Component,将函数体复制到render()方法中,修复缩进,最后添加需要的状态。今天,可以使用 Hook 获得相同的功能,并为自己节省了工作时间。在本文中,主要介绍useState

    2020/03/29
  • PHP性能优化总结入门知识_性能菜鸟教程网

    【1】在循环中判断时,数值判断使用恒等要比等于高效。 【2】在数组中,数组下标是字母时一定要加上单引号或双引号。因为$row[‘id‘]的效率是$row[id]的7倍。 【3】不要使用“@”去屏蔽错误输出。用@屏蔽错误消息的做法非常低效。若你真的想抑制报错,可以通过设置error_reporting来控制,好比栗子中的,行前设置,行后取消即可。 【4】尽量不

    2020/03/29
  • HTTP请求头和响应头部包括的信息有哪些【HTTP请求头各字段解释】小白攻略_http小白教程

    每个HTTP请求和响应都会带有相应的头部信息。默认情况下,在发送XHR请求的同时,还会发送下列头部信息: Accept这个头信息指定浏览器或其他客户端可以处理的 MIME 类型。值 image/png 或 image/jpeg 是最常见的两种可能值。Accept-Charset这个头信息指定浏览器可以用来显示信息的字符集。例如 ISO-8859-1。Acce

    2020/04/05
  • h5本地预览上传的图片或视频菜鸟教程下载_图片指南攻略

    通过 中的change事件 拿到的file不能直接在本地预览选择的图片或者视频,可以通过以下两种方式预览本地图片,不用上传到服务器就可以本地预览。createObjectURL这种方式生成的文件地址可以预览图片和视频
    <h

    2020/03/29
  • CSS单位之pt和px的区别是什么?入门基础_单位教程视频

    字体大小的设置单位,常用的有几种:px、pt、em、rem等等。那么px和pt之间有什么区别呢?下面本篇文章就来给大家介绍一下px和pt区别,希望对大家有所帮助。pt 和 px 有什么区别?pt 全称为 point,是印刷行业常用单位,等于1/72英寸。所以它是一个自然界标准的长度单位,也称为“绝对长度”。它跟我们所熟悉的公分、公尺一样,可以明确的指出1pt

    2020/03/20
  • Html5中input新增的表单元素和属性介绍。使用说明_表单小白攻略

    input标签主要用于Web表单的创建交互,以便接受来自用户的数据。 我们通过更改type属性的值,来实现不同的输入类型。在以前的写法中表单元素必须放在form元素所包含的里面,而在html5中,我们可以把它们写在页面上的任何一个地方,只需要给该元素增加一个form属性,form属性的值为form表单的id。例如:<form method="get" id=

    2020/04/06
  • javascript如何获取网页的标题(title)?菜鸟教程下载_网页零基础入门

    网页的标题(title),一般是由HTML文件的标签决定的。如果想要获取网页的标题(title),其实就是获取<title>标签中的内容。下面本篇文章就来给大家介绍一下获取方法,希望对大家有所帮助。方法一:使用title属性title 属性可返回当前文档的标题( HTML title 元素中的文本)。语法:document.title示例:使用</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/20</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/20578.html" title="开发者必知的MySQL 8.0 新功能菜鸟教程_sql基础知识教程" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="开发者必知的MySQL 8.0 新功能菜鸟教程_sql基础知识教程" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/151-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/20578.html" target="_blank" rel="bookmark"> 开发者必知的MySQL 8.0 新功能菜鸟教程_sql基础知识教程 </a></h4><div class="item-excerpt"><p>下面将以 MySQL 社区的优先级从高到低来展示这些功能:TOP 10MySQL 文档存储默认 utf8mb4 编码JSON 增强CTEs(译者注:Common Table Expresssions 公共表格表达式)窗口函数降序索引更好的优化器消费模型MySQL 服务器组件GIS(译者注:Geographic Information System 地理信息系</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/24</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/17707.html" title="nodejs做后端的好处有哪些使用攻略_node小白教程" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="nodejs做后端的好处有哪些使用攻略_node小白教程" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/003-1-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/17707.html" target="_blank" rel="bookmark"> nodejs做后端的好处有哪些使用攻略_node小白教程 </a></h4><div class="item-excerpt"><p>Node.js是服务器端的 JavaScript 运行环境,它具有无阻塞(non-blocking)和事件驱动(event-driven)等的特色。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。nodejs做后端的好处:1、Nodejs基于Javascript语言,不用再单独新学一门陌生的语言,从而减低了学习的门槛。同时,Ja</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/22</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/15867.html" title="Js循环的几种方法入门知识_循环指南攻略" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="Js循环的几种方法入门知识_循环指南攻略" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/166-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/15867.html" target="_blank" rel="bookmark"> Js循环的几种方法入门知识_循环指南攻略 </a></h4><div class="item-excerpt"><p>1、for 常用于循环数组 var arr = [1,2,3,4,5]<br /> for(let i = 0;i<arr.length;i++){console.log(i)}2、for in 常用来循环对象,不建议循环数组,因为i是字符串 可能会有隐患问题,for in 循环会找到 prototype 上去,所以最好在循环体内加一个判断,就用 obj[i].has</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/20</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/14013.html" title="为什么node不适合大型项目?使用帮助_项目菜鸟教程网" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="为什么node不适合大型项目?使用帮助_项目菜鸟教程网" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/03/5e551afca6828-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/14013.html" target="_blank" rel="bookmark"> 为什么node不适合大型项目?使用帮助_项目菜鸟教程网 </a></h4><div class="item-excerpt"><p>为什么node不适合大型项目?使用帮助 首先要明确什么是大型应用,其实这是仁者见仁、智者见智的问题,并且它是一个哲学问题,不是一个技术问题。假如有人问你,一个可以进行线上销售的网站…</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/19</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202004/28311.html" title="小程序框架菜鸟教程网推荐多款高质量的小程序框架组件_小程序小白入门" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="小程序框架菜鸟教程网推荐多款高质量的小程序框架组件_小程序小白入门" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/045-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202004/28311.html" target="_blank" rel="bookmark"> 小程序框架菜鸟教程网推荐多款高质量的小程序框架组件_小程序小白入门 </a></h4><div class="item-excerpt"><p>小程序到底有多火,看看目前推出的开源框架以及组件库就知道了。由于小程序开发的火爆,大家都在致力于探索如何更好的,更加高效的开发小程序,以至于很多公司都贡献了小程序开源框架和组件库。 1、 mpvuempvue 是美团点评开源的一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime</p></div><div class="item-meta"> <span class="item-meta-li date">2020/04/03</span><div class="item-meta-right"></div></div></div></li></ul></div></article></main><aside class="sidebar"><div class="widget widget_image_myimg"> <a href="https://wanghi.cn/go.php?http://www.5118.com?promote=83864A" target="_blank" rel="nofollow"> <img class="j-lazy" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" data-original="https://wanghi.cn/img/5118/5118.png" alt="5118工具"> </a></div><div class="widget widget_image_myimg"> <a href="https://wanghi.cn/go.php?https://www.bt.cn/?invite_code=M19sbndpc3E=" target="_blank" rel="nofollow"> <img class="j-lazy" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" data-original="https://wanghi.cn/img/bt/b.png" alt="宝塔优惠券"> </a></div><div class="widget widget_image_myimg"> <a href="https://www.aliyun.com/activity/new/index?userCode=u1pc8ney" target="_blank" rel="nofollow"> <img class="j-lazy" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" data-original="https://wanghi.cn/img/right/aliyun.png" alt="阿里云广告"> </a></div><div class="widget widget_image_myimg"> <a href="https://wanghi.cn/go.php?https://url.cn/U4djljVv"> <img class="j-lazy" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" data-original="https://wanghi.cn/img/right/txyun.png" alt="腾讯云广告"> </a></div><div class="widget widget_tag_cloud"><h3 class="widget-title"><span>关注焦点</span></h3><div class="tagcloud"><a href="https://wanghi.cn/http/course/dedecms" class="tag-cloud-link tag-link-64 tag-link-position-1" style="font-size: 9.0606060606061pt;" aria-label="DedeCMS (1个项目)">DedeCMS</a> <a href="https://wanghi.cn/baike/seobook" class="tag-cloud-link tag-link-1648 tag-link-position-2" style="font-size: 17.29797979798pt;" aria-label="SEO书籍 (423个项目)">SEO书籍</a> <a href="https://wanghi.cn/seo/seohelp" class="tag-cloud-link tag-link-198 tag-link-position-3" style="font-size: 13.373737373737pt;" aria-label="SEO优化百科 (32个项目)">SEO优化百科</a> <a href="https://wanghi.cn/tool" class="tag-cloud-link tag-link-332 tag-link-position-4" style="font-size: 9.0606060606061pt;" aria-label="SEO工具 (1个项目)">SEO工具</a> <a href="https://wanghi.cn/seo/baimao" class="tag-cloud-link tag-link-254 tag-link-position-5" style="font-size: 12.949494949495pt;" aria-label="SEO白帽技术 (24个项目)">SEO白帽技术</a> <a href="https://wanghi.cn/baike" class="tag-cloud-link tag-link-637 tag-link-position-6" style="font-size: 10.474747474747pt;" aria-label="SEO百科 (4个项目)">SEO百科</a> <a href="https://wanghi.cn/seo/heimao" class="tag-cloud-link tag-link-255 tag-link-position-7" style="font-size: 10.121212121212pt;" aria-label="SEO黑帽技术 (3个项目)">SEO黑帽技术</a> <a href="https://wanghi.cn/baike/web" class="tag-cloud-link tag-link-1659 tag-link-position-8" style="font-size: 22pt;" aria-label="Web前端 (9,147个项目)">Web前端</a> <a href="https://wanghi.cn/http/course/wordpress" class="tag-cloud-link tag-link-52 tag-link-position-9" style="font-size: 13.762626262626pt;" aria-label="WordPress (42个项目)">WordPress</a> <a href="https://wanghi.cn/http/tao/yunyouhui" class="tag-cloud-link tag-link-12 tag-link-position-10" style="font-size: 9.6969696969697pt;" aria-label="云优惠 (2个项目)">云优惠</a> <a href="https://wanghi.cn/baike/yuns/cloudx" class="tag-cloud-link tag-link-1402 tag-link-position-11" style="font-size: 14.257575757576pt;" aria-label="云帮手 (58个项目)">云帮手</a> <a href="https://wanghi.cn/baike/yuns" class="tag-cloud-link tag-link-1386 tag-link-position-12" style="font-size: 8pt;" aria-label="云操作 (0个项目)">云操作</a> <a href="https://wanghi.cn/baike/yun" class="tag-cloud-link tag-link-691 tag-link-position-13" style="font-size: 10.121212121212pt;" aria-label="云服务 (3个项目)">云服务</a> <a href="https://wanghi.cn/http/tao" class="tag-cloud-link tag-link-11 tag-link-position-14" style="font-size: 8pt;" aria-label="优惠券 (0个项目)">优惠券</a> <a href="https://wanghi.cn/http" class="tag-cloud-link tag-link-13 tag-link-position-15" style="font-size: 8pt;" aria-label="传统网媒 (0个项目)">传统网媒</a> <a href="https://wanghi.cn/seohtml/caiji" class="tag-cloud-link tag-link-1362 tag-link-position-16" style="font-size: 10.474747474747pt;" aria-label="内容采集 (4个项目)">内容采集</a> <a href="https://wanghi.cn/http/tao/vip" class="tag-cloud-link tag-link-4 tag-link-position-17" style="font-size: 9.0606060606061pt;" aria-label="发放优惠券 (1个项目)">发放优惠券</a> <a href="https://wanghi.cn/media" class="tag-cloud-link tag-link-245 tag-link-position-18" style="font-size: 8pt;" aria-label="媒体矩阵 (0个项目)">媒体矩阵</a> <a href="https://wanghi.cn/baike/yuns/baota" class="tag-cloud-link tag-link-22000 tag-link-position-19" style="font-size: 9.0606060606061pt;" aria-label="宝塔面板 (1个项目)">宝塔面板</a> <a href="https://wanghi.cn/http/jianzhan" class="tag-cloud-link tag-link-306 tag-link-position-20" style="font-size: 9.0606060606061pt;" aria-label="建站案例 (1个项目)">建站案例</a> <a href="https://wanghi.cn/media/weixinseo" class="tag-cloud-link tag-link-230 tag-link-position-21" style="font-size: 11.535353535354pt;" aria-label="微信生态圈优化 (9个项目)">微信生态圈优化</a> <a href="https://wanghi.cn/media/weibo" class="tag-cloud-link tag-link-264 tag-link-position-22" style="font-size: 10.757575757576pt;" aria-label="微博生态圈优化 (5个项目)">微博生态圈优化</a> <a href="https://wanghi.cn/seo/baiduseo" class="tag-cloud-link tag-link-187 tag-link-position-23" style="font-size: 10.121212121212pt;" aria-label="搜索引擎优化 (3个项目)">搜索引擎优化</a> <a href="https://wanghi.cn/seo/googlescore" class="tag-cloud-link tag-link-294 tag-link-position-24" style="font-size: 9.6969696969697pt;" aria-label="搜索引擎算法 (2个项目)">搜索引擎算法</a> <a href="https://wanghi.cn/media/xmtseo" class="tag-cloud-link tag-link-260 tag-link-position-25" style="font-size: 10.121212121212pt;" aria-label="新媒体矩阵优化 (3个项目)">新媒体矩阵优化</a> <a href="https://wanghi.cn/hijihua" class="tag-cloud-link tag-link-535 tag-link-position-26" style="font-size: 11.818181818182pt;" aria-label="海计划 (11个项目)">海计划</a> <a href="https://wanghi.cn/sem" class="tag-cloud-link tag-link-302 tag-link-position-27" style="font-size: 9.0606060606061pt;" aria-label="王海SEM (1个项目)">王海SEM</a> <a href="https://wanghi.cn/seo" class="tag-cloud-link tag-link-19 tag-link-position-28" style="font-size: 8pt;" aria-label="王海SEO (0个项目)">王海SEO</a> <a href="https://wanghi.cn/tashuo" class="tag-cloud-link tag-link-391 tag-link-position-29" style="font-size: 13.833333333333pt;" aria-label="王海说 (44个项目)">王海说</a> <a href="https://wanghi.cn/internet" class="tag-cloud-link tag-link-1 tag-link-position-30" style="font-size: 12.525252525253pt;" aria-label="站务 (18个项目)">站务</a> <a href="https://wanghi.cn/toutiao" class="tag-cloud-link tag-link-380 tag-link-position-31" style="font-size: 11.676767676768pt;" aria-label="站友头条 (10个项目)">站友头条</a> <a href="https://wanghi.cn/http/course" class="tag-cloud-link tag-link-51 tag-link-position-32" style="font-size: 9.0606060606061pt;" aria-label="站友攻略 (1个项目)">站友攻略</a> <a href="https://wanghi.cn/http/zyzy" class="tag-cloud-link tag-link-40 tag-link-position-33" style="font-size: 9.0606060606061pt;" aria-label="站友资源 (1个项目)">站友资源</a> <a href="https://wanghi.cn/http/course/peizhi" class="tag-cloud-link tag-link-127 tag-link-position-34" style="font-size: 11.535353535354pt;" aria-label="站点配置 (9个项目)">站点配置</a> <a href="https://wanghi.cn/baike/yun/zoneidc" class="tag-cloud-link tag-link-1612 tag-link-position-35" style="font-size: 9.0606060606061pt;" aria-label="纵横云 (1个项目)">纵横云</a> <a href="https://wanghi.cn/http/domain" class="tag-cloud-link tag-link-7 tag-link-position-36" style="font-size: 12.59595959596pt;" aria-label="网站站长 (19个项目)">网站站长</a> <a href="https://wanghi.cn/admin" class="tag-cloud-link tag-link-17 tag-link-position-37" style="font-size: 10.757575757576pt;" aria-label="草根站长 (5个项目)">草根站长</a> <a href="https://wanghi.cn/media/yingxiao" class="tag-cloud-link tag-link-33411 tag-link-position-38" style="font-size: 20.19696969697pt;" aria-label="营销推广 (2,807个项目)">营销推广</a> <a href="https://wanghi.cn/baike/yun/aliyun" class="tag-cloud-link tag-link-693 tag-link-position-39" style="font-size: 12.878787878788pt;" aria-label="阿里云 (23个项目)">阿里云</a> <a href="https://wanghi.cn/http/tao/quan" class="tag-cloud-link tag-link-21 tag-link-position-40" style="font-size: 10.121212121212pt;" aria-label="领券 (3个项目)">领券</a></div></div><div class="widget widget_image_myimg"> <a href="#"> <img class="j-lazy" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" data-original="https://wanghi.cn/img/haijihua/mcn.jpg" alt="MCN二维码"> </a></div><div class="widget widget_post_thumb"><h3 class="widget-title"><span>热门推荐</span></h3><ul><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202004/32242.html" title="脱离产品的运营推广是在耍流氓!_老虎"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="脱离产品的运营推广是在耍流氓!_老虎" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/04/3099616425e8b1c6a568af1.83898778-480x300.jpeg" /> </a></div><div class="item-content"><p class="item-title"><a href="https://wanghi.cn/202004/32242.html" title="脱离产品的运营推广是在耍流氓!_老虎">脱离产品的运营推广是在耍流氓!_老虎</a></p><p class="item-date">2020/04/18</p></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/13262.html" title="SEO的技术含量_SEO优化论点"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="SEO的技术含量_SEO优化论点" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/084-480x300.jpg" /> </a></div><div class="item-content"><p class="item-title"><a href="https://wanghi.cn/202003/13262.html" title="SEO的技术含量_SEO优化论点">SEO的技术含量_SEO优化论点</a></p><p class="item-date">2020/03/12</p></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202004/29291.html" title="js各种取整方式及方法新手入门四舍五入、向上取整、向下取整_运算菜鸟攻略"> <img class="j-lazy" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" data-original="https://wanghi.cn/wp-content/uploads/2020/01/100-480x300.jpg" width="480" height="300" alt="js各种取整方式及方法新手入门四舍五入、向上取整、向下取整_运算菜鸟攻略"> </a></div><div class="item-content"><p class="item-title"><a href="https://wanghi.cn/202004/29291.html" title="js各种取整方式及方法新手入门四舍五入、向上取整、向下取整_运算菜鸟攻略">js各种取整方式及方法新手入门四舍五入、向上取整、向下取整_运算菜鸟攻略</a></p><p class="item-date">2020/04/05</p></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202004/32513.html" title="艰难的2019,AI+营销的难题,未来何去何从?_板栗"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="艰难的2019,AI+营销的难题,未来何去何从?_板栗" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/04/176756875e09d359a9da02.19190597-480x300.jpeg" /> </a></div><div class="item-content"><p class="item-title"><a href="https://wanghi.cn/202004/32513.html" title="艰难的2019,AI+营销的难题,未来何去何从?_板栗">艰难的2019,AI+营销的难题,未来何去何从?_板栗</a></p><p class="item-date">2020/04/18</p></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/17022.html" title="数据库自增ID用完了会怎样?菜鸟指南_数据库使用帮助"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="数据库自增ID用完了会怎样?菜鸟指南_数据库使用帮助" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/033-480x300.jpg" /> </a></div><div class="item-content"><p class="item-title"><a href="https://wanghi.cn/202003/17022.html" title="数据库自增ID用完了会怎样?菜鸟指南_数据库使用帮助">数据库自增ID用完了会怎样?菜鸟指南_数据库使用帮助</a></p><p class="item-date">2020/03/22</p></div></li></ul></div><div class="widget widget_image_myimg"> <a href="https://www.haiyunying.com/61.html" target="_blank"> <img class="j-lazy" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" data-original="https://wanghi.cn/wp-content/uploads/2022/06/2022060921253456.jpg" alt=""> </a></div></aside></div></div><footer class="footer width-footer-bar"><div class="container"><div class="footer-col-wrap footer-with-logo-icon"><div class="footer-col footer-col-logo"> <img src="https://wanghi.cn/img/fhi.png" alt="王海"></div><div class="footer-col footer-col-copy"><ul class="footer-nav hidden-xs"><li id="menu-item-1483" class="menu-item menu-item-1483"><a href="https://wanghi.cn/">©2022 成都私域运营专家-王海</a></li></ul><div class="copyright"><p><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" rel="noopener">蜀ICP备19004414号</a></p></div></div><div class="footer-col footer-col-sns"><div class="footer-sns"> <a href="https://wanghi.cn/go.php?https://tongji.baidu.com/main/overview/10000118002/overview/index?siteId=14797428" aria-label="icon"> <i class="wpcom-icon fa fa-mouse-pointer sns-icon"></i> </a> <a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-user-plus sns-icon"></i> <span style="background-image:url('https://wanghi.cn/img/wx/wx.png');"></span> </a> <a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-wechat sns-icon"></i> <span style="background-image:url('https://wanghi.cn/img/wxxcx.jpg');"></span> </a></div></div></div></div></footer><div class="action action-style-0 action-color-0 action-pos-0" style="bottom:20%;"><div class="action-item gotop j-top"> <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-arrow-up-2"></use></svg></i></div></div><div class="footer-bar"><div class="fb-item"> <a href="https://wanghi.cn" target="_blank"> <i class="wpcom-icon fa fa-home fb-item-icon"></i> <span>首页</span> </a></div><div class="fb-item"> <a href="https://wanghi.cn/img/wxxcx.jpg" class="j-footer-bar-qrcode"> <i class="wpcom-icon fa fa-dot-circle-o fb-item-icon"></i> <span>搜索SEO</span> </a></div><div class="fb-item"> <a href="https://wanghi.cn/img/wx/wx.png" class="j-footer-bar-qrcode"> <i class="wpcom-icon fa fa-sellsy fb-item-icon"></i> <span>加好友</span> </a></div></div> <script type='text/javascript' id='main-js-extra'>var _wpcom_js = {"webp":"","ajaxurl":"https:\/\/wanghi.cn\/wp-admin\/admin-ajax.php","theme_url":"https:\/\/wanghi.cn\/wp-content\/themes\/justnews","slide_speed":"50000","is_admin":"0","js_lang":{"copy_done":"\u590d\u5236\u6210\u529f\uff01","copy_fail":"\u6d4f\u89c8\u5668\u6682\u4e0d\u652f\u6301\u62f7\u8d1d\u529f\u80fd","confirm":"\u786e\u5b9a","qrcode":"\u4e8c\u7ef4\u7801","page_loaded":"\u5df2\u7ecf\u5230\u5e95\u4e86","no_content":"\u6682\u65e0\u5185\u5bb9","load_failed":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","expand_more":"\u9605\u8bfb\u5269\u4f59 %s"},"lightbox":"1","post_id":"22242","user_card_height":"356","poster":{"notice":"\u8bf7\u957f\u6309\u4fdd\u5b58\u56fe\u7247\uff0c\u5c06\u5185\u5bb9\u5206\u4eab\u7ed9\u66f4\u591a\u597d\u53cb","generating":"\u6b63\u5728\u751f\u6210\u6d77\u62a5\u56fe\u7247...","failed":"\u6d77\u62a5\u56fe\u7247\u751f\u6210\u5931\u8d25"},"video_height":"482","fixed_sidebar":"1","dark_style":"0","font_url":"\/\/wanghi.cn\/wp-content\/uploads\/wpcom\/fonts.9b34824582affe8e.css","follow_btn":"<i class=\"wpcom-icon wi\"><svg aria-hidden=\"true\"><use xlink:href=\"#wi-add\"><\/use><\/svg><\/i>\u5173\u6ce8","followed_btn":"\u5df2\u5173\u6ce8","user_card":"1"};</script> <script type='text/javascript' id='wpcom-member-js-extra'>var _wpmx_js = {"ajaxurl":"https:\/\/wanghi.cn\/wp-admin\/admin-ajax.php","plugin_url":"https:\/\/wanghi.cn\/wp-content\/plugins\/wpcom-member\/","post_id":"22242","js_lang":{"login_desc":"\u60a8\u8fd8\u672a\u767b\u5f55\uff0c\u8bf7\u767b\u5f55\u540e\u518d\u8fdb\u884c\u76f8\u5173\u64cd\u4f5c\uff01","login_title":"\u8bf7\u767b\u5f55","login_btn":"\u767b\u5f55","reg_btn":"\u6ce8\u518c"},"login_url":"https:\/\/wanghi.cn\/i","register_url":"https:\/\/wanghi.cn\/register","TCaptcha":{"appid":"2035109633"},"captcha_label":"\u70b9\u51fb\u8fdb\u884c\u4eba\u673a\u9a8c\u8bc1","captcha_verified":"\u9a8c\u8bc1\u6210\u529f","errors":{"require":"\u4e0d\u80fd\u4e3a\u7a7a","email":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u7535\u5b50\u90ae\u7bb1","pls_enter":"\u8bf7\u8f93\u5165","password":"\u5bc6\u7801\u5fc5\u987b\u4e3a6~32\u4e2a\u5b57\u7b26","passcheck":"\u4e24\u6b21\u5bc6\u7801\u8f93\u5165\u4e0d\u4e00\u81f4","phone":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u7535\u8bdd\u53f7\u7801","terms":"\u8bf7\u9605\u8bfb\u5e76\u540c\u610f\u6761\u6b3e","sms_code":"\u9a8c\u8bc1\u7801\u9519\u8bef","captcha_verify":"\u8bf7\u70b9\u51fb\u6309\u94ae\u8fdb\u884c\u9a8c\u8bc1","captcha_fail":"\u4eba\u673a\u9a8c\u8bc1\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5","nonce":"\u968f\u673a\u6570\u6821\u9a8c\u5931\u8d25","req_error":"\u8bf7\u6c42\u5931\u8d25"}};</script> <script type='text/javascript' id='QAPress-js-js-extra'>var QAPress_js = {"ajaxurl":"https:\/\/wanghi.cn\/wp-admin\/admin-ajax.php","ajaxloading":"https:\/\/wanghi.cn\/wp-content\/plugins\/qapress\/images\/loading.gif"};</script> <script>var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?0f6d2bb7194b8728131ffadfe5c3e7c4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();</script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "Article", "@id": "https://wanghi.cn/202003/22242.html", "url": "https://wanghi.cn/202003/22242.html", "headline": "nodejs实现二维码生成及图片合成使用指南_图片入门知识", "image": "https://wanghi.cn/wp-content/uploads/2020/01/016.jpg", "description": "前端需要做分享功能。生成二维码后 在指定的图片上添加二维码和邀请码生成新的图片。1.使用 qr-code生成二维码/** * 根据url 地址生成 二维码 */ async createQr(url, name) {let qr_png =...", "datePublished": "2020-03-26T23:29:25", "dateModified": "2020-03-26T23:55:55", "author": {"@type":"Person","name":"Web前端","url":"https://wanghi.cn/member/web","image":"//wanghi.cn/wp-content/uploads/member/avatars/abfcfa5649e7003b.1583781931.jpg"} }</script> <script defer src="https://wanghi.cn/wp-content/cache/autoptimize/js/autoptimize_9e85a7cedb1bdce2a07a2bd41d57568a.js"></script></body></html>