微ほろ信しん小しょう程ほど序じょ分ぶん享とおる组件,可か通どおり过可视化设计并导出でjson，生成せいせい分ぶん享とおる海うみ报模板ばん

虽然目前もくぜん提供ていきょう了りょう监听右みぎ上角うえすみ菜さい单“分ぶん享とおる到いた朋友ほうゆう圈けん”按钮行ぎょう为的接せっ口こう(beta版ばん，暂仅在ざいAndroid平台ひらだい支持しじ)，但ただし是ぜ限げん制せい众多。图片式しき分ぶん享とおる仍然是ぜ目前もくぜん可か以跨越えつ朋友ほうゆう关系，跨またが越えつ平台ひらだい的てき较好方式ほうしき。

1. 获取组件

git clone https://github.com/MakerGYT/share.git

2. 引入组件

└── components
    ├── painter
    └── share

将はたshare和わpainter复制到いた组件文ぶん件けん夹下，并通过配置はいち文ぶん件けん引入本ほん组件:

{
  "usingComponents":{
    "share":"/components/share/share"
  }
}

3. 使用しよう组件

<!-- index.wxml -->
<button bindtap="toShare" type="primary">分ぶん享とおる</button>
<share show="{{shareShow}}" bind:setPoster="toMoments" palette="{{palette}}"></share>

// index.js
import Poster from 'poster.js';
Page({
  data: {
    shareShow: false
  },
  toShare: function(e) {
    this.setData({
      shareShow: true
    })
  },
  toMoments: function () {
    this.setData({
      palette: new Poster(params).palette()
    })
  },
})

海うみ报模板文いたぶん件けん通どおり过工具こうぐ绘制,保存ほぞん到いたposter.js

// poster.js
export default class Poster{
  constructor(params) {
    this.params = params;
  }
  palette() {
    return ({
      ...
    })
  }
}

Tips:

• 如果是ぜ在ざいTab页调用よう组件，由ゆかり于底部ていぶTabbar层级较高，海うみ报尺寸しゃくすん较长时会被ひ其遮挡操作そうさ，可か以通过showPoster和わclosePoster两个事件じけん状じょう态控制せいTabbar的てき显隐。
• 尺寸しゃくすん单位支持しじrpx
• 可か通どおり过提取と公共こうきょう样式来らい简化和わ压缩海うみ报模板文いたぶん件けん

Painter,修おさむ复了一いち些问题,pull257:

• 支持しじcanvas2D
• 修おさむ复保存ほぞん图片出で错
• 修おさむ复真机つくえ自じ定てい义字体じたい无法显示
• 修おさむ复画布ぬの尺寸しゃくすん较大导致的てき出で错
• 修おさむ复真机つくえ图片模糊もこ
• 规范部分ぶぶん语法

Apache-2.0 © MakerGYT