Wxml2Canvas的bug之旅

Wxml2Canvas的bug之旅:

问题描述

  • 微信小程序当你想根据节点生成海报图片 会想到wxml2canvas这个插件
  • 就会遇到下列问题
    • 在页面组件中直接使用是没什么问题的
    • 但是当你要写到自定义组价去就会出现bug

bug1

	微信小程序中说过创建画布的时候
	wx.canvasToTempFilePath(Object object, Object this)
	CanvasContext wx.createCanvasContext(string canvasId, Object this)
	这里就需要获得你自定义组件当前的this实例
	在你创建的时候添加obj(看源码就知道 初始化的时候 有个 this.object = options.obj;)
	并且还得改个源码的 init 初始化的时候(那里的 wx.createCanvasContext方法里面的this改成this.object)

解决方案
在这里插入图片描述
源码
在这里插入图片描述
源码2
在这里插入图片描述
bug2

上面bug改掉了你绘制rect text 都没问题,但是绘制wxml的文件的时候就出现问题了
问题的bug跟上面一样都是this.obj 写错  _getwxml() 这个方法里面

源码
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值