问答详情
源自：7-3 SVG-轨迹移动

怎样沿椭圆移动

怎样实现一个元素演一个ellipse标签的椭圆移动，animatemotion对于ellipse标签的路径没有反应啊

提问者：Jenesaispas 2017-03-26 00:10

个回答

  • 一一梦一一
    2018-02-27 15:36:29

    用path画一个椭圆

    <svg viewBox="-400 -400 800 800" width="400" height="400">

    <circle cx="0" cy="0" r="8" fill="red">

    <animateMotion

    dur="5s"

    repeatCount="indefinite"

    >

    <mpath xlink:href="#ell"></mpath>

    </animateMotion>

    </circle>

    <path id="ell" d="M200 0 A200 100 0 0 1 -200 0 A200 100 0 0 1 200 0 " fill="none" stroke="gray"></path>

    </svg>


    0