一 . 效果 这是借用女神照生成的分享的海报，图片来自网络。 新增了poster组件和更新图片自适应 二 . 准备 准备两张图片连接，最好是自己开发账号验证的https图片链接。 三 . 实现思路 其实就是canvas实现方式，首先要 ...

一、制作正常显示海报，生成二倍海报隐藏 代码如下 <!--index.wxml--> <view class="container"> <view class="show"> <image src="{{cardPath ...

canvas canvas-id canvas 组件的唯一标识符，若指定了 type 则无需再指定该属性 ...

目标：在微信小程序中页面有一个按钮，点击后生成一张海报，点击保存，图片保存到本地相册 海报样式如下： 通过观摩别人代码，分析这张海报，难点有四个，一是背景的圆角，canvas并没有一个api是画圆角的，二是中间的两行标题，这里应该是动态的，可能一行可能两行，三是圆形头像处理 ...

最近开发中要实现一个需求，用户点击分享生成一个图片海报，可以供用户发朋友圈或者其他使用（感觉没人会用~），用到了小程序canvas，和web上的功能基本一样，记录一下。---还没上线一周，这个功能就被撤了 首先预设几个工具函数 1/小程序开发使用的是 rpx，但是canvas里的单位使用 ...

主要思路： 　　1、先分割为字符串数组，然后一个字一个字绘图，利用ctx.measureText(string) 方法，获取绘制后的宽度，判断宽度在多少内就另起一行，再将各行拼成一个字符串 　　2、计算另起的行总数，比如总共3行，也就是说将原来的一个长字符串按宽度分成了3行，然后循环绘制 ...

真的是花了一天的时间去踩坑，网上好多帖子，我基本都踩了一遍，真的是好多坑啊，泪流满面......... 需求大致描述：用户选择图片拍照或者相册，2张图片拼成1张，因为是多个地方使用，所以我想着封装成一个组件，在别的页面进行引入，拼之前每张图片都有做处理的（如：裁剪、旋转）然后得到的图片数组 ...

这里使用大佬已经封装好的Painter，它已经优化canvas的缺陷和兼容安卓与ios，具体可以去看下 Painter地址：https://github.com/Kujiale-Mobile/Painter 一。使用 1.把Painter的demo下载后，把components里 ...