Painter（微信小程序分享卡片）

Painter 的优势

功能全，支持文本、图片、矩形、qrcode 类型的 view 绘制
布局全，支持多种布局方式，如 align（对齐方式）、rotate（旋转）
支持圆角，其中图片，矩形，和整个画布支持 borderRadius 来设置圆角
杠杠的性能优化，我们对网络素材图片加载实现了一套 LRU 存储机制，不用重复下载素材图片。杠杠的容错，因为某些特殊情况会导致
Canvas 绘图不完整。我们对此加入了对结果图片进行检测机制，如果绘图出错会进行重绘。

使用方法

引入代码

Painter 的核心代码在另一个 repo
中，https://github.com/Kujiale-Mobile/PainterCore.git 。你可以通过submodule
的方式进行库的引入。有关 submodule 的用法可自行 Google。
```
https://github.com/Kujiale-Mobile/PainterCore.git components/painter
```
作为自定义组件引入，注意目录为第一步引入的代码所在目录
```
"usingComponents":{  "painter":"/components/painter/painter"
}
```
组件接收 palette 字段作为画图数据的数据源, 图案数据以json形式存在，推荐使用“皮肤模板”的方法进行传递，示例代码如下：
```
<painter palette="{{data}}" bind:imgOK="onImgOK" />
```
数据传入后，则会自动进行绘图。绘图完成后，你可以通过绑定 imgOK 或 imgErr 事件来获得成功后的图片或失败的原因。
```
bind:imgOK="onImgOK"
bind:imgErr="onImgErr"onImgOK(e) {   其中 e.detail.path 为生成的图片路径
},
```

Painter - github下载地址

Painter（微信小程序分享卡片）相关推荐

微信小程序分享卡片（一秒钟学会）
XML: <view class="container log-list"><view>我是分享页面</view><!-- button与 ...
微信小程序分享海报/卡片生成时一直加载可能存在的问题
微信小程序分享海报/卡片生成时一直加载可能存在的问题很多时候,开发者在调试小程序的分享图时,总是会遇到不能正常生成的问题,这里面还是有许多的坑.这一次就把我个人所知道的问题分享一下. 第一种情况: ...
微信小程序分享接口卡片图片尺寸比例
调用微信小程序分享需要button标签 <button open-type="share">test</button> 然后在js的page里加一个函数 o ...
微信小程序分享功能开发及调试方法
首先说一下使用方法如下,Button组件设置open-type="share"即可触发onShareAppMessage完成分享功能 <button class=" ...
微信小程序 “分享、转发”事件
微信小程序"分享.转发"功能 1.页内自定义分享 2.页面右上角"-"分享行为当页面js上没有添加事件"onShareAppMessage" ...
微信小程序分享朋友圈功能
微信小程序分享到朋友圈的功能,终于实现了!但是只能是点击右上角菜单方式分享!话不多说直接上代码! js Page({onLoad: function (options) {if(options.in ...
uni-app 微信小程序分享按钮
uni-app 微信小程序分享按钮官方文档说明在 manifest.json 的 App SDK 配置里,勾选微信消息及朋友圈,并填写相关 appkey,微信 appkey 在需要分享的页面填写: ...
uniapp 微信小程序分享给微信好友与分享到朋友圈功能
微信小程序分享使用方法: onLoad(){wx.showShareMenu({withShareTicket:true,//设置下方的Menus菜单,才能够让发送给朋友与分享到朋友圈两个按钮可以点 ...
微信小程序分享二维码生成
生成微信小程序分享二维码微信小程序官方开放的二维码的接口,其中有一个是生成小程序二维码的,还有一个是圆形的小程序码,我这里就用php生成二维码. 完整代码: public function shar ...

Painter（微信小程序分享卡片）

Painter 的优势

使用方法

Painter（微信小程序分享卡片）相关推荐

最新文章

热门文章