小程序项目之填坑小记

作者：首席填坑官∙苏南
公众号：honeyBadger8，本文原创，著作权归作者所有，转载请注明原链接及出处。

简诉

是的，真的，你没有看错，我就是上次那个加薪的，但是现在问题来了，最近又搞了个小程序的需求，又填了不少坑，其中的辛酸就不说了，说多了都是泪??，此处省略三千字 ………^……，说重点吧，反正最后就是差点这让老板叫走人了，你说优秀不优秀～。

前段时间网上一直说的“你可以骂那些中年人，尤其是有车有房的……”，虽然我没有房、也没有车，但也坚决不做那个可以随便骂的中年人（人到中年不如狗？？），不存在的啦，这个仇宝宝已经记下了?，先分享一下最近遇到的几个坑吧。 —— 我是首席填坑官——苏南，早上好，新的一周加油。

填坑一，canvas遮挡问题：

• 随着小程序的API调整，很多东西都要用户手动授权，不能直接调用后，toast、弹窗这种提示的场景越来越多了，
• 下图就是公司活动的canvas合成，现在微信API不让直接调用授权了，某些场景要多一个弹窗来提示用户开启设置，但当遇上canvas API这个大佬后,一切都变了，谁都只能站在它后面，
• 场景一 ：如之前拒绝授权了，后续引导用户打开设置页，即 wx.openSetting,下图就是：

坑一 小结 ：当遇上这种情况，我的第一思路是 设置样式：visibility: hidden;opacity:0;，但是结果是让人失望的，canvas 大佬就是大佬，这两属性在手机上失效了,该显示还是显示，你阻挡不了它的光辉，真的，不信可以去测试！

解决思路：

• canvas 图片合成，获取到图片的地址后，隐藏canvas