怎样沿椭圆移动

来源:7-3 SVG-轨迹移动

Jenesaispas

2017-03-26 00:10

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

写回答 关注

1回答

  • 一一梦一一
    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>


走进SVG

SVG是HTML5 中矢量图的标记语言,学习后掌握更多的干货

52638 学习 · 213 问题

查看课程

相似问题