一、为什么要迁移？ 为方便个人主体店铺转变为非个人主体店铺，小商店推出个人店迁移至企业店功能。小商店非个人主体包括个体工商户、企业、事业单位、社会组织等，非个人主体开店所需资料查看营业执照要求。 我们将辅助商家迁移： 店铺信息商品信息运费模版邀请过往的店员、客服以及视频号推广员但订单及资金数据无法迁移，需要在个人店处理。请各位店主提前安排好个人店铺的经营管理工作。 二、怎么进入迁移流程 2.1 方式一：前往小商店助手，登陆你希望迁移的个人店，点击迁移功能。 [图片] 方式二：复制这段文字到微信，发送给文件传输助手即可进入小商店助手，选择一个个人店就可以进入迁移流程 #小程序://小商店助手/6qlw2Hn6JhZlW4f [图片] 2.2 进入迁移介绍页，了解功能详情。如果没有营业执照，可以点击前往服务平台购买工商代办服务，找服务商帮忙办理营业执照。如果有营业执照，点击下方的迁移店铺。 [图片] 2.3 选择企业店并进入下一步，若店铺数量到达上限之后，需要前往shop.weixin.qq.com 注销未完成开店任务的店铺。更多细节，请查看注销指引。 [图片] 2.4 进入企业店，完成开店任务。系统将默认帮助商家迁移原店铺的头像名称，并将原店铺名称改为xxx店铺（已迁移）。如果不希望更改原店铺名称的商家，可以选择重新填写新店铺名称。不知道怎么完成开店任务的商家，可以查看开店指引。 [图片] 2.5 完成开店任务后，系统将自动迁移商品至待上架。如果只修改价格或库存时，将优先审核迁移商品，所以尽量不要修改标题图片等信息。 [图片] 2.6 同时，系统将自动邀请之前个人店的店员、客服以及视频号推广员重新成为新店的成员。各位商家请及时通知之前的成员接受邀请，一起来管理新的店铺 [图片] 更多疑问请点击此链接进行咨询

订阅号多次群发，如何实现，如订阅号冷兔、黑龙江省教育厅等，如需申请需要如何操作，需满足什么条件？

前言 当遇到企业付款产品冻结，申诉时需要提交补充说明业务模式及资金结算清分路径、企业付款用途 (包括企业付款场景 ,付款用途,付款规则)时，很多人不知道该如何去写，现在提供一个参考说明 商户企业付款产品交易场景说明 商户名称：（商户主体名称） 商户号：（需要处理风控的微信支付商户号） 联系人姓名：（可以为法人，也可以为其他处理风控人员的姓名） 联系人电话：（对应联系人手机号） 使用产品：______________________________（企业付款到零钱/企业红包/企业付款到银行卡，多个就写多个） 本公司承诺，《商户企业付款产品交易场景说明》所述内容均属实，财付通有权进行不定期检查，如发现本公司存在隐瞒事实的行为，财付通有权按照《微信支付服务协议》的约定采取延迟资金结算、关闭支付权限等措施，并中止或终止提供支付服务。 【交易款项】 1.请简要介绍贵司主营业务、说明贵司使用企业付款到零钱/企业红包/企业付款到银行卡向用户支付的是何种款项，付款金额是否有规律或特征（如交易款项结算，营销活动推广奖励，提成/佣金，劳务报酬/薪酬等）； 【付款原因】 2.贵司基于什么原因向这些用户付款，公司与个人收款用户之间为何种关系（此处应详细描述付款原因，付款原因应可理解、逻辑应自洽）； 【资金来源】 3.请简要说明贵司使用企业付款支付出去的资金来源是什么（充值/收款户）； 【交易时间】 4.企业付款的交易频次及时间（付款交易是否有时间分布上的规律，什么时间付，多久付一次）； 【收款人信息】 5.企业付款交易通过什么方式获取收款人微信的openID或银行账号 （此处应详细描述openID的获取方式，并提供APP/小程序/公众号的具体名称）。

自从微信小商店支持带货之后，大家就可以上架了五花八门的产品，大多数人会屁颠屁颠的按照如下流程：打开小商店-带货-搜索商品-查看佣金-点击带货上架，然后开始朋友圈转发，视频号带货，公众号推送等。行水流水般的操作之后，心里美滋滋，坐等进账。然而多数人一顿操作猛如虎，结果会是0成单的凄惨局面。 [图片] 上面的操作路径问题出在哪里呢？对于大多数的小商店玩家来说，确实是很常规的操作的，但是这里面其实隐藏了很多必须要注意的细节。今天我会通过3个方面，教大家在带货选品上有更进一步的认知和提升（如果说的不对的地方也请指出），帮助你们更好的带货赚钱。 01带货平台的选择 目前小商店已经支持京东，拼多多，有赞，唯品会，当当，麦宝这6个渠道的带货了（暂时不支持淘宝，都懂的）。 [图片] 大家也都知道选对平台跟对人很重要，那这里带货的第一要素就是要选对平台。之前群里就有人问，卖货不就完事了吗，选一个优惠大，佣金高的产品等等。都懂的我就不说了，选平台要看其中一个重要的隐藏因素：就是锁客佣金政策。我先给大家分析下这6个平台的佣金政策。 1、京东 先看下图，这是京东对外的锁客佣金政策。 [图片] 我给大家解读下，首先这里面有两个概念： 同店订单：比如你的小商店里挂了京东小米旗舰店的商品A，用户通过你的链接点进去，直接购买了商品A或者小米旗舰店的任何商品，就是同店订单，你就可以锁定他15天，他在15天内，在京东买任何东西，你都可以获得佣金。 跨店订单：你在小商店里挂了小米旗舰店的商品A，用户通过你的链接进入京东，结果购买了松下旗舰店的商品，就是跨店订单，你可以锁定他24小时，24小时内，他只要在京东买东西，你都可以获得佣金。 同店优先级优于跨店：一个被你锁定为同店订单的用户，通过别人分享的店铺丙的商品C的链接去京东买了店铺丁的商品D，这时他并不会被别人锁走，这一单佣金依然是你的。 同一优先级下以后者为准：一个被你锁定为跨店订单的用户，又去下了个一个跨店订单，这时的跨店订单佣金就属于后一个人，而不属于你了。 所以只要你选择京东带货，如果你看上某个产品足够好，那就可以能提早锁定这个顾客，之后拿到佣金的概率会更好。 衍生阅读：如果你正在玩京东，需要微信小商店带货，可以开通京挑客，这样微信小商店也会抓取你的产品，具体如何开通可以加我微信私聊。 2、拼多多 先看下图，这是拼多多对外的锁客佣金政策 [图片] 先看这段话：在一段时间（app是24小时，h5是1个小时）访问多多进宝商品页面，这个意思是用户分享出的链接，你必须要在24小时内或者1个小时内点击商品并且到达商品详情页，才能建立师徒关系，也就是完成锁客（点击领券页面不会计算），如果超过这个时间，那么这个链接就失效了。然后访问链接之后，就会建立师徒关系，后续如果别人（你分享给的那个人）在15天内购买这个店的商品和店里的其他商品，也都会获取佣金，当然前提是这些商品都要开通多多进宝，否则即使顾客买了我们的产品，也还是没有佣金。 衍生阅读：如果你正在玩拼多多，需要微信小商店带货，可以开通多多进宝，这样微信小商店也会抓取你的产品，具体如何开通可以加我微信私聊。 3、当当网 先看下图，这是拼多多对外的锁客佣金政策 [图片] 反正找了好久，最终还是问了客服才找到当当网的锁客佣金政策，这里面有几个点需要注意： 1、自己分享的链接购买图书不计入佣金。 2、不论以什么方式分享，如果对方打开app下单是拿不到佣金的。 也就是微信小商店带货的时候，自己购买是拿不到佣金的，不能像其他淘客app那样所谓自用省钱分享赚钱。然后如果你分享的用户最终通过当当网app下单了也不计入佣金，我目测社区里面很多人反馈拿不到佣金，估摸着也是这个原因。 当当网目前主要是图书品类多，买书的时候还是挺划算的，其他的品类我觉得竞争力就不大了。 4、有赞 [图片] 佣金政策可以看最底下的那一行，用户点击有赞的链接之后，也是被锁定15天，只要15天内完成下单即都可以拿到佣金。因为有赞是单店，不会存在跨店订单的情况，所以如果产生了跨店佣金，是拿不到佣金的。 另外还有锁客先后的逻辑：A分享给B，C也分享给B，这个时候的订单佣金算谁的呢？目前这个是通过商家设置的：是否开启了抢客模式，开启了佣金就给C，没有开启佣金就给A。 另外关于自用省钱分享赚钱：有赞后台可以设置如果选择【默认与自己绑定客户关系】，即用户点击自己的推广链接购买商品，就会获取到对应的佣金；如果选择【不允许与自己绑定客户关系】，用户自己购买就不会有佣金。（注：一旦选择【默认与自己绑定客户关系】，客户成为分销员后会和自己绑定，之前分销员和该客户的客户关系会失效，邀请奖励会归属于分销员的上级） 5、唯品会 [图片] 唯品会的锁客政策也比较简单，锁客逻辑为1天，不像其他平台15天，所以如果有相同的产品建议选择锁客逻辑更久的其他平台。然后关于锁客先后的问题，也米有得到正面的回答，所以此处不表。不过一般是以促成交易的后者为准的。 6、麦宝很抱歉，不是很了解，也没有找到资料 [图片] 综上几个平台，不同平台的锁客逻辑不一样，所以很多从业者带货的时候会有针对的选择平台，另外不要只盯着返现比例，之前看到好多媒体文章拿一个单品的价格在不同的平台比对佣金，我觉得没有意义，因为商家在不同平台运营的策略不一样，销量跟着活动走，活动决定佣金，所以佣金是不停的变化的。 推荐阅读 视频号如何关联微信小商店带货赚钱？ 微信公众号如何关联小商店带货？ 再谈微信小商店&视频号赚钱的机会 刚刚，微信小商店删了啥？

[视频] 学习微信云托管服务的创建和管理，测试和灰度发布流程，服务相关设置的指导。

小商店商品分享方式新升级 支持自上架商品、带货及分销商品自动生成商品视频，扩展链接可分享至视频号及社群！ 注：商品视频、视频号文案及扩展链接，请先去「小商店助手」-「我的商品」-「商品管理」-「分享」-「视频」处获取。 [图片] [视频] 常见问题： Q1：无法识别链接？ 链接是正确的吗？商品视频、视频号文案及扩展链接，请先在「小商店助手」-「我的商品」-「商品管理」-「分享」-「视频」处获取；链接添加时该注意什么？在添加链接的时候一定要去掉前面的中文字符才可识别；Q2：视频号如何关联小商店/小程序？ 请参考《视频号关联小商店/小程序》 更多资讯，欢迎到【交流专区】微信小商店主页发帖和寻找答案。

IOS 多端适配 现在在开发 IOS 应用时，默认是保证可以同时在 iphone 和 ipad 上运行的。不过，这就会面临一些多屏适配性问题。 在 IOS 中写页面有两种方式，一种通过 code，直接在对应 viewController 中描述对应元素的特性即可（这种方式在大型项目中用的很多；另外一种是直接利用 storyboard，通过 UI 拖拽 加属性面板设置，来实现页面布局和设计。 其中在布局上比较重要的是 IOS 中的 [代码]constraint[代码] 概念，通过限制一个 view 在上下左右的位置 和 自身尺寸大小就可以实现布局定位的效果。 对比前端中 CSS 布局来说，可以算是简洁和高效了。也就是说，你不用再管啥 盒模型、浮动布局、margin 塌陷、inline-box 默认 padding 距离等奇怪的问题。 下文就主要介绍一下苹果体系下，如何做宽屏适配特性。 以前如果只是适配多个屏幕的 iphone 的话，实现很简单直接通过 [代码]SCREEN_WIDTH[代码] 全局宏直接怼。按照 iphone6 的 375px 宽度来进行尺寸适配。 [代码]self.leftCol.width = 20 * SCREEN_WIDTH [代码] 不过，苹果还提供了其他更多更丰富的适配工具： * auto layout 多屏适配 * 类比 CSS 中 flex 布局的 StackView 适配 * 最新 iPad 上提供的 multitask(splitview) 适配 auto layout 多屏适配 Auto Layout 是 storyboard 里面的一个子属功能，用来进行多屏适配用的。它的主要功能是可以通过你设置的 constraints ，来动态设置 View 的 position 和 size ，达到动态适配的效果。 其中设置多屏的关键点，首先在于如何区分多屏。目前，IOS 提供了 [代码]trait[代码] 的环境变量，用来指明当前屏幕的横竖和比例关系。[代码]trait[代码] 是用来描述屏幕大小、横竖屏的一个概念集合。 还记得，在 Xcode 工具栏中，有一行指明了当前的机型和屏幕： [图片] 其中 C 代表 [代码]compact[代码]；R 代表 [代码]regular[代码]。这两个属性是用来描述屏幕短边和长边的特征。例如： [代码]* wC hR : 本意是 width compact, height regular，那么对应就是 手机竖屏的模式 * wR hC: 本意是 width regular, height compact，那么对应就是 手机横屏的模式 * wR hR: 本意是 width regular, height regular，那么对应就是 iPad 模式 [代码] [图片] 在实际代码中，你可以直接通过 [代码]traitCollection[代码] 去获取对应的 [代码]horizontalSizeClass[代码] 和 [代码]verticalSizeClass[代码] 属性，然后通过对比值来进行判断。 [代码] var isIpad: Bool { return horizontalSizeClass == .regular && verticalSizeClass == .regular } var isIphoneLandscape: Bool { return verticalSizeClass == .compact } var isIphonePortrait: Bool { return horizontalSizeClass == .compact && verticalSizeClass == .regular } var isIphone: Bool { return isIphoneLandscape || isIphonePortrait } [代码] 当然，更直接的是通过 [代码]UIDevice.current.model[代码] 来直接获取机型、屏幕旋转方向之类的变量。 Auto Layout 提供了一种可视化的方式，来让你直接设置 constraints。首先点击 [代码]Vary for Traits[代码]: [图片] 然后，针对当前屏幕适配添加对应 constraints。搞定之后，完成确认即可： [图片] 一般实践中，更直接的使用代码去描述： [代码] if (isDeviceIpad()) { mask.centerX = 1.0 * superview.centerX mask.centerY = 1.0 * superview.centerY mask.width = 0.5 * superview.width mask.height = 0.5 * superview.height return; } [代码] StackView 适配 苹果提供一个简便的自适应容器 StackView，有点类似 CSS 中的 flex 布局属性，你可以很容易构建一个水平或者垂直的流式布局。它最大的一个特点是会自动为里面的 UIView 构建布局约束。 [图片] UIStackView 拥有三个规则 分布方向、对齐规则、分布规则，优先指定 [代码]axis[代码] 属性，来定义布局轴的方向。这个属性的特点就是很适合用在 横竖屏切换上使用，按照 iphone 的 wRhC(横屏)、wChR(竖屏) 的 trait 设置不同的 constraint，可以得到响应式适配的效果： wRhC 横屏布局: UIStackView.axis = “horizontal”, Distribution = “Equal Spacing” [图片] wChR 竖屏布局：UIStackView.axis = “vertical”, Distribution = “Equal Spacing” [图片] IOS multitask(splitview) 适配 IOS multitask 是 iPad 提供给 app 进行多窗口交互的一个特性，这个特性可以极大增加办公效率，不需要频繁切换 app 运行。当然，更多的时候，也是对宽屏下, app 运行的一个补充。 参考：如何在 IOS 使用 multitask 默认情况下，我们在 iPad 上默认打开的 app 叫做 [代码]primary app[代码]，通过 splitView 加入的，称为 [代码]secondary apps[代码]。 由于两个 app 都是全屏打开，所以，对于全屏下的某些权限来说，primary app 独有某些权限： * 拥有状态栏的控制权 * （还有些权限不重要，就不说了 另外，splitView 主要针对的是 IOS 原生适配，如果想要嫁接到小程序或者 app 内应用去做的话，那可能就是 app 本身自己定义一套 splitView 规范。不过，ipad 的 splitView 规范还是很有参考性的。 整体分配的比例如下： [图片] Landscape 分屏 Landscape 的分屏尺寸如下，将屏幕分成 3 份，只会存在 2:1 的比例，没有 1:1 等分尺寸。也就是说当有 A、B 两个 app 时，排布只会有： * A = 1/3, B = 2/3 * B = 2/3, B = 1/3 而对于两个 app 默认的 trait 都是 wChR，也就是常规 iPhone 的交互比例大小。 [图片] Horizontal 分屏 当 iPad 处于横屏时，整体的宽度被拉长了，所以分屏的选择性就多了一个 等分, 1:1。现在 iPad 在横屏下的分屏就有 1:2 和 1:1 两种排列。同样，假设有两个 app, A、B，两者的排布方式就有： A = 1/3, B = 2/3 A = 1/2, B = 1/2 A = 2/3, B = 1/3 [图片] 在非 iPad Pro上，两个 app 屏幕 trait 的表达如下： [代码]* A = 1/3 (wChR), B = 2/3 (wRhR) * A = 1/2 (wChR), B = 1/2 (wChR) * A = 2/3 (wRhR), B = 1/3 (wChR) [代码] 但是，在 iPad Pro 上，等比排布时，会有区分： [代码]* 非 iPad Pro * A = 1/2 (wChR), B = 1/2 (wChR) * iPad Pro: * A = 1/2 (wRhR), B = 1/2 (wRhR) [代码] [图片] 前文了解了 IOS 生态下的多端适配，它主要有两个思路：一个是提供多种自适应组件，去实现多端适配的交互；另外一种是专门针对某个硬件设备屏幕，提出突破 app 层的交互，最有特点的就是 splitView。 这也可以带给我们很多启发，在小程序中如何做到最优的体验适配，以及能否带给开发者突破 小程序 层面的交互体验，这也是另外一个主要突破方向。 参考文献： Auto Layout Guide: Understanding Auto Layout Auto Layout Guide: 代码设置constraint UIDevice 获取机型 UIStackView - UIKit | Apple Developer Documentation Use Multitasking on your iPad - Apple Support Adopting Multitasking Enhancements on iPad: Getting Oriented - https://developer.apple.com/library/archive/documentation/WindowsViews/Conceptual/AdoptingMultitaskingOniPad/index.html

生成海报相信大家有的人都做过，但是canvas绘图的坑太多。大家可以试试这个组件。然后附上楼下大哥做的可视化拖拽生成painter代码的工具：链接地址https://developers.weixin.qq.com/community/develop/article/doc/000e222d9bcc305c5739c718d56813

开门见山 工具地址 点我直达>>painter-custom-poster 由于挂载在github page上，打开速度会慢一些，请耐心等待或自行解决git网速问题 背景 在做小程序时候，我们经常会有一个需求，需要将小程序分享到朋友圈，但是朋友圈是不允许直接分享小程序，那我们还有其他的办法解决吗?答案肯定是有的，即 canvas 生成个性化海报分享图片到朋友圈 分析 小程序中有大量的生成图片需求，但是使用过 canvas 的人，都会发现一些难以预料的问题>>有关小程序的坑 直接在 canvas 上绘制图形，对于普通开发者来说代码会特别凌乱并且难以维护，经常会花费很久的时间去优化代码 不同的环境渲染问题，例如在开发者工具看起来好好的，一到 Android 真机，就出现图片不显示，位置不对应等等问题 解决 那可不可以开发一款生成海报的插件库呢? 首先，只需要提供一份简单的参数配置文件即可 解决掉小程序Canvas遇到的一些大大小小的坑 有严苛的测试环节，解决各种环境和各种机型遇到的问题，并提供稳定的线上版本 长期维护，并有专人更新迭代更新颖的功能 以上的要求当然是可以的，曾经的我也想尝试开发一款出来，但是后来尝试了几款现成的工具之后就放弃了，毕竟轮子这个东西，是需要不断维护更新的，另外已经有这么多优秀现成的插件了，我为何还要费力去写呢，贡献代码岂不更美哉，以下是我收集的几款 小程序生成图片库，轻松通过 json 方式绘制一张可以发到朋友圈的图片>>Painter 小程序组件-小程序海报组件>>wxa-plugin-canvas 微信小程序：一个 json 帮你完成分享朋友圈图片>>mp_canvas_drawer 我想干什么 唠了这么多，好像提供给大家插件就没我什么事情了…想走是不可能的 为了能够制作出更酷炫的海报，我思考了许久 虽然有了插件后，只需要提供配置代码就能够制作出一款海报来，但是我发现还是有些许问题 制作海报效率还是不够高，微调一个元素的大小和位置，就需要不断的修改保存代码，等待片刻，查看效果，真的烦 一个小小的位置调整可能就需要来回调整无数次，这种最简单的机械化劳动，这辈子是不可能的 拿着完美的稿子，递给设计师看，这个位置不对，这个线太粗，这个颜色太重…你信不信我打死你 对于一些精美复杂的海报，实现起来真的不太现实 那我需要怎么做呢，请点击这个链接体验>>painter-custom-poster 点击左侧例子展示中的任意一个例子，然后导入代码就能看到效果图，这下你应该能猜到了我的想法了 如何实现 刚开始我想用简单的html和css加拖动功能实现，通过简单尝试之后就放弃了，因为这个功能真的太复杂了，简单的工具肯定是不行的 中间这个计划停滞了很长时间，一度已经放弃 直到发现了这个库fabric.js，真的太太优秀了，赞美之词无以言表，唯一的缺点就是中文教程太少，必须生啃英文加谷歌翻译 fabric介绍，你可以很容易地创建任何一个简单的形状，复杂的形状，图像;将它们添加到画布中，并以任何你想要的方式进行修改：位置、尺寸、角度、颜色、笔画、不透明度等 How To Use 目前工具一共分成4部分 例子展示 用来将一些用户设计的精美海报显示出来，通过点击对应的例子并将代码导入画布中 画布区 显示真实的海报效果，画布里添加的元素，都可以直接用鼠标进行拖动，旋转，缩放操作 操作区 第一排四个按钮 复制代码 将画布的展示效果转化成小程序海报插件库所需要的json配置代码，目前我使用的是Painter库，默认会转化成这个插件的配置代码，将代码直接复制到card.js即可 查看代码 这个功能用不用无所谓，可以直观的看到生成的代码 导出json 将画布转化成fabric所需要的json代码，方便将自己设计的海报代码保存下来 导入json 将第3步导出的json代码导入，会在画布上显示已设计的海报样式 第二排五个按钮 画布 画布的属性参数 详解见下方 文字 添加文字的属性参数 详解见下方 矩形 添加矩形的属性参数 详解见下方 图片 添加图片的属性参数 详解见下方 二维码 添加二维码的属性参数 详解见下方 第三排 各种元素的详细设置参数 激活区 激活对象是指鼠标点击画布上的元素，该对象会被蓝色的边框覆盖，此时该对象被激活，可以执行拖动 旋转 缩放等操作 激活区只有对象被激活才会出来，用来设置激活对象的各种配置参数，修改value值后，实时更新当前激活对象的对应状态，点击其他区域，此模块将隐藏 快捷键 ‘←’ 左移一像素 ‘→’ 右移一像素 ‘↑’ 上移一像素 ‘↓’ 下移一像素 ‘ctrl + z’ 撤销 ‘ctrl + y’ 恢复 ‘delete’ 删除 ‘[’ 提高元素的层级 ‘]’ 降低元素的层级 布局属性 通用布局属性 属性 说明 默认 rotate 旋转，按照顺时针旋转的度数 0 width、height view 的宽度和高度 top、left 如 css 中为 absolute 布局时的作用 0 background 背景颜色 rgba(0，0，0，0) borderRadius 边框圆角 0 borderWidth 边框宽 0 borderColor 边框颜色 #000000 shadow 阴影 ‘’ shadow 可以同时修饰 image、rect、text 等 。在修饰 text 时则相当于 text-shadow；修饰 image 和 rect 时相当于 box-shadow 使用方法： [代码]shadow: 'h-shadow v-shadow blur color'; h-shadow: 必需。水平阴影的位置。允许负值。 v-shadow: 必需。垂直阴影的位置。允许负值。 blur: 必需。模糊的距离。 color: 必需。阴影的颜色。 举例: shadow:10 10 5 #888888 [代码] 渐变色支持 你可以在画布的 background 属性中使用以下方式实现 css 3 的渐变色，其中 radial-gradient 渐变的圆心为 中点，半径为最长边，目前不支持自己设置。 [代码]linear-gradient(-135deg, blue 0%, rgba(18, 52, 86, 1) 20%, #987 80%) radial-gradient(rgba(0, 0, 0, 0) 5%, #0ff 15%, #f0f 60%) [代码] ！！！注意：颜色后面的百分比一定得写。 画布属性 属性 说明 默认 times 控制生成插件代码的宽度大小，比如画布宽100，times为2，生成的值为200 1 文字属性 属性名称 说明 默认值 text 字体内容 别跟我谈感情，谈感情伤钱 maxLines 最大行数 不限，根据 width 来 lineHeight 行高（上下两行文字baseline的距离） 1.3 fontSize 字体大小 30 color 字体颜色 #000000 fontWeight 字体粗细。仅支持 normal， bold normal textDecoration 文本修饰，支持none underline、 overline、 linethrough none textStyle fill： 填充样式，stroke：镂空样式 fill fontFamily 字体 sans-serif textAlign 文字的对齐方式，分为 left， center， right left 备注: fontFamily，工具中的第一个例子支持文字字体，但是导入小程序为什么看不到呢，小程序官网加载网络字体方法>> 加载字体教程>> 文字高度 是maxLines lineHeight2个字段一起计算出来的 图片属性 属性 说明 默认 url 图片路径 mode 图片裁剪、缩放的模式 aspectFill mode参数详解 scaleToFill 缩放图片到固定的宽高 aspectFill 图片裁剪显示对应的宽高 auto 自动填充 宽度全显示 高度自适应居中显示 Tips（一定要看哦～） 本工具不考虑兼容性，如发现不兼容请使用google浏览器 painter现在只支持这几种图形，所以暂不支持圆，线等 如果编辑过程，一个元素被挡住了，无法操作，请选择对象并通过[ ]快捷键提高降低元素的层级 文字暂不支持直接缩放操作，因为文字大小和元素高度不容易计算，可以通过修改激活栏目maxLines lineHeight fontSize值来动态改变元素 如发现导出的代码一个元素被另一个元素挡住了，请手动调整元素的位置，json数组中元素越往后层级显示就越高，由于painter没有提供层级参数，所以目前只能这样做 本工具导出代码全是以px为单位，为什么不支持rpx， 因为painter在rpx单位下，阴影和边框宽会出现大小计算问题，由于原例子没有提供px生成图片方案，可以下载我这里修改过的demo>>Painter即可解决 文本宽度随着字数不同而动态变化，想在文本后面加个图标根据文本区域长度布局， 请参考Painter文档这块教程直接修改源码 由于本工具开发有些许难度，如出现bug，建议或者使用上的问题，请提issue，源码地址>>painter-custom-poster 海报贡献 如果你设计的海报很好看，并且愿意开源贡献，可以贡献你的海报代码和缩略图，例子代码文件在example中，按顺序排列，例如现在库里例子是example2.js，那你添加example3.js和example3.jpg图片，事例可以参考一下文件夹中源码，然后在index.js中导出一下 导出代码 代码不要格式化，会报错，请原模原样复制到json字段里 生成缩略图 刚开始我想在此工具中直接生成图片，但是由于浏览器图片跨域问题导致报错失败 所以请去小程序中生成保存图片，图片质量设置0.2，并去tinypng压缩一下图片 找到painter.js，替换下边这个方法，可以生成0.2质量的图片，代码如下 [代码] saveImgToLocal() { const that = this; setTimeout(() => { wx.canvasToTempFilePath( { canvasId: 'k-canvas', fileType: 'jpg', quality: 0.2, success: function(res) { that.getImageInfo(res.tempFilePath); }, fail: function(error) { console.error(`canvasToTempFilePath failed, ${JSON.stringify(error)}`); that.triggerEvent('imgErr', { error: error }); } }, this ); }, 300); } [代码] TODO 颜色值选择支持调色板工具 文字padding支持 缩放位置弹跳问题优化 假如需求大的话，支持其他几款插件库代码的生成 ~ 创作不易，如果对你有帮助，请给个星星 star✨✨ 谢谢 ~