首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Colorful
V2EX  ›  前端开发

这种是 SVG 动效还是 canvas 动效?实现的思路是怎么样的?

  •  
  •   Colorful · 46 天前 · 1392 次点击
    这是一个创建于 46 天前的主题,其中的信息可能已经有所发展或是发生改变。

    https://magi.com/search?q=python

    鼠标经过左侧的时候,会有一个动效

    这种看着简单,但是感觉实现起来有点复杂

    10 回复  |  直到 2019-12-14 14:34:55 +08:00
    shenyu1996
        1
    shenyu1996   46 天前
    看了下引入的 js
    是这个 https://anseki.github.io/leader-line/
    Colorful
        2
    Colorful   46 天前
    @shenyu1996 我先看看,太感谢了
    Idealyouth
        3
    Idealyouth   46 天前
    好像是基于 svg 的
    Colorful
        4
    Colorful   46 天前
    @Idealyouth 是的
    rioshikelong121
        5
    rioshikelong121   46 天前
    这种东西怎么基于 canvas 啊。 性能肯定比较差吧。乱猜一下, 得把 A,B 连接点之间的矩形全部使用 canvas 绘制?
    Colorful
        6
    Colorful   46 天前
    @rioshikelong121 我不清楚,看了一些组件,大部分都是用的 SVG
    zoikhemlab
        7
    zoikhemlab   45 天前
    大哥~那是右。
    Colorful
        8
    Colorful   45 天前
    @zoikhemlab 我靠,居然是右,我一直以为是左了,经常左右,傻傻分不清
    iamgqb
        9
    iamgqb   43 天前
    看上去就两坐标间贝塞尔一下
    iamgqb
        10
    iamgqb   43 天前
    svg 本身就支持贝塞尔曲线,所以还是比较简单的 https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/d
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   750 人在线   最高记录 5168   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 23ms · UTC 22:17 · PVG 06:17 · LAX 14:17 · JFK 17:17
    ♥ Do have faith in what you're doing.