svg学习重点笔记

最新推荐文章于 2025-09-12 15:58:40 发布

转载最新推荐文章于 2025-09-12 15:58:40 发布 · 72 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/1428820/blog/1571098

文章标签：

#python

2019独角兽企业重金招聘Python工程师标准>>>

SVG 属性参考

一、SVG animation元素及效果概览

<set>
<animate>
<animateTransform>
<animateMotion>

1. set（延迟功能）

2. animate（基础动画元素）

3. animateTransform（transform变换动画效果的换动画效果的）

4. animateMotion（元素可以让SVG各种图形沿着特定的path路径运动）

1.2.4方式
<svg>
  <text>
    <set />
    <animate />
    <animateMotion/>
 </text>
</svg>
3.方式
<svg>
  <text></text>
  <animateTransform />
</svg>

二、xlink ：href

自从SVG 2弃用
此功能已从Web标准中删除。尽管一些浏览器可能仍然支持它，但它正在被丢弃。避免使用它并尽可能更新现有的代码; 请参阅本页面底部的兼容性表格来指导您的决定。请注意，此功能可能随时停止工作。

注意： SVG 2删除了对xlink命名空间的需要，所以不xlink:href应该使用href。

未完待续

转载于:https://my.oschina.net/u/1428820/blog/1571098