微信小程序 底部导航栏实现凸出内凹效果

话不多说，首先上效果展示:
在微信小程序开发中，开发者往往需要根据自定义的需求实现底部导航栏，而这种凸出与内凹的效果往往使人头疼。
主要难点是背景色、圆切角的过渡、透明、阴影遮挡等问题。
一般的解决方案是使用图片或者svg显示凹凸，或者利用css阴影效果遮挡切角。
但在【SkylineUI组件库】小程序中的底部导航栏，我则是直接使用canvas绘制，并且使用skyline渲染框架，不仅解决了以上问题，并且还实现较高的动画性能，下期，我会整理源码开放。希望大家尝试交流。