小程序生成页面分享图

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

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

效果图

图片发自简书App


废话不多说上图

图片发自简书App


图片发自简书App


图片发自简书App


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


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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,084评论 25 709
  • ​ 世界依然风风雨雨,人生过客还是你 2016年7月25日。 西安,小寨赛格,傍晚暴雨倾盆。 晚上10点20,结束...
    营家课堂阅读 1,670评论 0 1
  • 一个好的观点是你一听就想多了解一些,或者想多问些为什么,那如何才能制造一个好的观点呢? 提炼观点往往有两种方式,一...
    郑惠彭阅读 8,675评论 1 5
  • 这幅画是17年在武汉昙华林拍的咖啡店,之前也在网上看见过许多人画过这家小店,于是就想着拍下来终有一天要自己亲自把它...
    锦衣路笙阅读 3,587评论 6 12

友情链接更多精彩内容