小程序生成页面分享图

老板最近说到一个小程序推广的问题,分享到朋友圈是个不错的选择。(头脑风暴一波)

首先分析下业务需求。小程序不能直接分享到朋友圈。而 带参数的小程码成了最好的选择,只有一个小程序码会显得特别枯燥根据公司UI小姐姐的效果图做(折磨人啊小姐姐蛮漂亮的啊哈哈)。  起初想到的就是canvas 绘图      将canvas区域生成图片 下载  保存到本地 。小程序canvas具体请参考(https://developers.weixin.qq.com/miniprogram/dev/api/)官方文档(api  绘图)绘图前得看看你的需求(我的是 用户名  用户头像  背景图  一些说明文字。)由于canvas单位是px  避免不用手机适配问题 做了适配 定义一个unit=screenwidth/375 (Screenwidth为屏幕宽度 wx.getsysteminfo)

效果图

小程序生成页面分享图_第1张图片
图片发自App


废话不多说上图

小程序生成页面分享图_第2张图片
图片发自App


小程序生成页面分享图_第3张图片
图片发自App


小程序生成页面分享图_第4张图片
图片发自App


因为我也只是在做测试所以就把保存注释了 打开就可以用了, 有问题可以私聊我。


这是github 地址:https://github.com/k425996/app_dome(弄半天才弄好  我也是小白一个) 文化水平有限  谢谢

你可能感兴趣的:(小程序生成页面分享图)