本文主要是介绍小程序canvas的同层渲染 这个属性不加，就不会生效！，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
做微信小程序的时候，发现vant-weapp的图表相关的vant再实机上怎么用都有问题（同层渲染失败）。
看了官方文档结果说了半天一点用都没有，官方原话是：当前所有原生组件（除 input 组件 focus 状态）均已支持同层渲染。
但是我的实机效果就是会出现在其他层级之上，期间想了好多办法但都以失败告终。最后，去仔细看了以前用echat项目做的正常的渲染html节点发现echat渲染出来的自带了一个 type="2d"属性而vant-weapp的组件默认不自带的，当我加上这个属性的时候苦恼我一天多的问题终于解决了！简单来说想让小程序的canvas同层渲染生效，就得在canvas标签上加上一个type=“2d” 的属性
代码贴一下吧：
<van-circle type="2d" value="{{ datas.notReserveCountRateNumber }}" size="50" stroke-width='4' color='#FE7D4E' clockwise="{{false}}"><text style="font-weight: 600;font-size: 22rpx;">{{datas.notReserveCountRateNumber}}%</text>
</van-circle>
如果你觉得对你有帮助，请不要吝啬你的小手点个赞吧，嘻嘻。
这篇关于小程序canvas的同层渲染 这个属性不加，就不会生效！的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
