OpenLayer4实现卷帘效果

一、用途:卷帘效果在多个图层叠加的时候会用到。但是还想两个图层相互切换或者两个图层在一块,这个时候就用到卷帘效果,我们可以把这个卷帘做成一个label可以来回拖动,这样既可以达到控制效果,也很美观。

先来张效果图:

二、全部源码




    地图卷帘效果
    
    
    



    
卷帘:

三、总结

这个卷帘效果的实现主要是通过渲染事件获得context进行裁剪图,这个比网上流传那个两个div感觉更好点,其实我们在做效果还是什么都会用到canvas,应该好好地看看canvas的使用

你可能感兴趣的:(OpenLayer,OpenLayer3,and,4)