V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
linar
V2EX  ›  2018

半个圆圈在地图上,半个圆圈在地图外的小程序效果怎么写

  •  
  •   linar · 2018-01-12 10:10:14 +08:00 · 1715 次点击
    这是一个创建于 2533 天前的主题,其中的信息可能已经有所发展或是发生改变。

    image

    这种效果的小程序该怎么实现啊,主要是那个半圆,一半在地图上,一半在地图外边,在开发者工具中,margin-top: 一半值可以实现,但是在手机上地图遮住了圆圈的上半部分,我试了一下 margin-top: 负一半值实现不了,又试了下绝对定位也不行啊~~~

    2 条回复    2018-01-12 10:29:34 +08:00
    xenme
        1
    xenme  
       2018-01-12 10:12:19 +08:00
    这不应该是下面的异形直接覆盖到地图上么
    简单的就直接透明背景,好一点的覆盖到上面定位下就好了

    业余猜想
    CDuXZMAPgHp1q9ew
        2
    CDuXZMAPgHp1q9ew  
       2018-01-12 10:29:34 +08:00
    map 是 native 组件啊, 层级最高. html 控件盖不上去的
    方法有两个 cover-view or canvas, 能不能实现你的要的效果需要看运气(不要问我为什么这样说)
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2707 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 15:16 · PVG 23:16 · LAX 07:16 · JFK 10:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.