hellomimi
V2EX  ›  问与答

[前端] 有木有前端大佬知道这个功能是如何实现的??

  •  
  •   hellomimi · Jun 18, 2019 · 1848 views
    This topic created in 2552 days ago, the information mentioned may be changed or developed.

    如下图:

    截图

    截图

    特别想知道这种标记功能是怎么样实现的,打开 F12 看了 js 文件也没有什么相关的发现,特别疑惑这种功能是用什么工具插件?还是什么样的 js 实现思路?希望有大神给普及一下知识

    9 replies    2019-06-18 19:13:19 +08:00
    ZxBing0066
        1
    ZxBing0066  
       Jun 18, 2019
    offsetParent offsetHeight offset...系列的几个计算出位置 然后在 offsetParent 塞一个浮层就能做吧,没做过猜测
    murmur
        2
    murmur  
       Jun 18, 2019
    墨刀不是有标注功能么,去看一下他是怎么实现的,或者人家干脆就是先有尺寸后渲染的也不是不可能啊
    hellomimi
        3
    hellomimi  
    OP
       Jun 18, 2019
    @ZxBing0066 emmmm,看样子是这样实现的。截图是蓝湖的网页版,类似 pxcook 的切图标注工具,
    dingyaguang117
        5
    dingyaguang117  
       Jun 18, 2019
    或者用 canvas
    MzM2ODkx
        6
    MzM2ODkx  
       Jun 18, 2019
    这不是系统自带的吗,调用摄像头
    hellomimi
        7
    hellomimi  
    OP
       Jun 18, 2019
    nijux
        9
    nijux  
       Jun 18, 2019
    像素大厨
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   875 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 40ms · UTC 20:28 · PVG 04:28 · LAX 13:28 · JFK 16:28
    ♥ Do have faith in what you're doing.