https://github.com/livelyPeng/wepy-boss-project/blob/master/src/pages/homeModule/activityDetail.wpy# ...
思路:在js中引入生成海报插件,配置posterConfig常量,点击生成海报触发生成海报事件onCreateOtherPoster,海报生成成功后将图片赋值给弹框图片,使海报以弹框形式显示。 中引入生成海报插件,配置posterConfig常量,点击生成海报触发生成海报事件onCreateOtherPoster,海报生成成功后将图片赋值给弹框图片,使海报以弹框形式显示。 步骤: 引入生成海报插件 ...
2019-09-14 18:49 0 795 推荐指数:
https://github.com/livelyPeng/wepy-boss-project/blob/master/src/pages/homeModule/activityDetail.wpy# ...
项目需求写完有一段时间了,但是还是想回过来总结一下,一是对项目的回顾优化等,二是对坑的地方做个记录,避免以后遇到类似的问题。 需求 利用微信强大的社交能力通过小程序达到裂变的目的,拉取新用户。生成的海报如下 需求分析 1、利用小程序官方提供的api可以直接分享转发到微信群 ...
由于我们无法将小程序直接分享到朋友圈,但分享到朋友圈的需求又很多,业界目前的做法是利用小程序的 Canvas 功能生成一张带有小程序码的图片,然后引导用户下载图片到本地后再分享到朋友圈。相信大家在绘制分享图中应该踩到 Canvas 的各种彩蛋(坑)了吧~ 这里首先推荐一个开源的组件 ...
绘制canvas内容 首先,需要写一个canvas标签,给canvas-id命名为shareBox 其次,我们就要根据需求(效果图如下)在canvas上面绘制内容了,我这里canva ...
主要思路: 1、先分割为字符串数组,然后一个字一个字绘图,利用ctx.measureText(string) 方法,获取绘制后的宽度,判断宽度在多少内就另起一行,再将各行拼成一个字符串 2 ...
一 . 效果 这是借用女神照生成的分享的海报,图片来自网络。 新增了poster组件和更新图片自适应 二 . 准备 准备两张图片连接,最好是自己开发账号验证的https图片链接。 三 . 实现思路 其实就是canvas实现方式,首先要 ...
由于最近接触到商务类型的小程序开发较多,其中必不可少的一个功能就是小程序分享海报的绘制,海报绘制无非就是将元素在 canvas 上绘制并生成图片,常用的方法有 Wxml2Canvas 及 Painter。由于 Wxml2Canvas 的局限性较大,而且绘制出来的效果比较一般,如果较为简单的海报 ...
. wxml代码 在用户点击生成海报的时候,获取海报所需要的的信息,开始下载图片资源,并绘 ...