Wxml2Canvash插件踩坑记录

1.在自定义组件中空白问题

在页面中使用是正常的，在自定义组件中使用生成的图片是空白的情况，源码中获取用的是this。object，使用却用的this.obj，所以需要在源码上新增一行代码：this.obj=options.obj。（ps：这个源码已经五年没有更新了，，作者大大能看到这个bug修复一下嘛）

2。生成的图片背景是透明的，设置的纯色背景不生效

给她们设css背景是无效的，要给元素设置data-type=“text”,data-background="#fff"这两个属性！！！！

3，对于base64的图片的渲染

在生成图片的需求中，可能会加上我们的微信二维码，我们获取的微信二维码是base64格式，这时，我们需要多加一个属性才能使得正常渲染出来，就是：data-base64='1'，不加这个属性可就渲染不出来了哦~，这里我的微信二维码是异步获取来的，所以加了一个data-delay=1,延迟渲染了一下。

4。单行或多行文本溢出显示省略号问题

这个问题，我还没有找到完美的解决方案，源码里面也有处理这个，不知道为啥我的文本溢出不会显示省略号。目前我的方案是，大概估算设计稿上能显示的字数，然后大于这个字数的时候进行截取，手动加上省略号。大家有好的解决方案的时候，记得教我啊！

5.图片路径为网络路径，且不在设置的安全域名内

需要nginx上配置个反向代理，这个是俺组长配的，我就不多说啦（主要是我也不会）。可自行找大佬们的帖子学习如何配置反向代理，大概的原理就是，咱先请求自家的服务器，然后咱们的服务器再去请求外网的图片，这样咱们请求的就一直是自家服务器啦（对不起我是小白，只能这样简单的理解啦，希望不会误导大家）

6.生成的图片字体未加粗问题

也是需要修改源码，添加一行代码：style.font=style.font.replace('700','bold')