我以前一直在做自己的事情，并对发展做出反应。年初，由于工作需要，我学会了开发微信小程序。一般来说，它很容易学习，但是微信有更多的坑，我不得不不时地填写坑（这不是诽谤微信），我相信许多开发人员都会和我有相同的想法

让我介绍一个我编写的小程序通用开发库，该库已完全开源并发布，目前只有8个通用功能：

项目地址：

giehub：

gitee：

小程序共享海报ID卡拍摄取景器帧时间轴以获取当前的详细地址城市选择日期选择页面订单操作左侧的自定义导航按钮小程序共享海报

使用场景：用户共享并生成海报，海报包含用户信息的小程序代码，其中小程序代码是根据用户动态生成的。

实现过程：首先，可以将海报上的固定信息完整地设计在图片上，并且前端仅生成动态变化的信息。如果生成的元素过多，则生成海报所需的时间会更长。

模拟海报上唯一动态变化的信息是用户的昵称和小程序代码，因此我们只需要海报底图，昵称和小程序代码。

通过画布将这三种材料组合在一起。这里要注意的一点是，需要使用wx.downloadFile在本地缓存图像。

详细代码：

身份证拍摄取景器

使用场景：图像识别，证书识别等

主要使用相机组件添加遮罩以实现取景器框的效果（此处未显示效果图）。

时间轴

时间轴主要是CSS样式，因此我在这里不介绍它。

获取详细的位置地址

我们通过微信界面获得的位置信息仅仅是经度和纬度，并不是很直观。在这里，我们需要将纬度和经度转换为中文地址，因此我们需要使用第三方接口。我在这里用腾讯。地理位置信息服务首先获取纬度和经度，然后将纬度和经度交换为特定的中文信息。

wx.getLocation({ success: function(res) { console.log(res) that.setData({location: res}) qqmapsdk.reverseGeocoder({ location: { latitude: res.latitude, longitude: res.longitude }, success: function (location) { console.log(location) that.setData({ location_city: location.result.address }) }, fail: function (error) { } }) },})

有关特定效果，请移至微信小程序进行体验。也请喜欢有兴趣的代码朋友。