学习SVG动画，能直接用sessionStorage存储哪些临时数据？,深圳乐云seo

啥是SVG动画？

SVG动画，就是用SVG手艺制作的动画。轻巧松就是用代码来画出一幅会动的图画。就像我们细小时候玩的翻页书，每一页dou是一张图画，但是在这里每一页上的图画dou会动哦！

啥是sessionStorage？

sessionStorage是HTML5给的一个存储数据的工具。它就像是一个细小盒子， Neng放一些东西在里面但是这玩意儿盒子hen神奇，你打开一个网页，东西就放在里面你关掉网页，东西就消失了。就像是你的细小暗地，别人kan不到，但是自己随时Neng打开来kan。

SVG动画和sessionStorage有啥关系？

啊哈，这就要说到我们的主角——临时数据了！在SVG动画制作过程中，我们兴许会需要一些临时数据，比如动画的位置、巨大细小、颜色等等。这些个数据， 我们就Neng用sessionStorage来存储，基本上原因是它们只需要在动画播放的这段时候内存在动画播放完毕后这些个数据就不再需要了就像我们的暗地一样，不需要再保留。

哪些临时数据Neng用sessionStorage存储？

• 动画的起始位置
• 动画的收尾位置
• 动画的持续时候
• 动画的颜色变来变去
• 动画的播放次数
• 动画的延迟时候

怎么用sessionStorage存储和读取数据？

用sessionStorage存储和读取数据非常轻巧松，就像是在细小盒子里放东西和拿东西一样。下面是几个基本操作：

• 存储数据：`sessionStorage.setItem;`
• 读取数据：`sessionStorage.getItem;`
• 删除数据：`sessionStorage.removeItem;`
• 清空全部数据：`sessionStorage.clear;`

比如 我们要存储动画的起始位置，Neng这样写：

sessionStorage.setItem;
sessionStorage.setItem;
    

然后我们Neng通过读取这些个数据来控制动画的起始位置：

var startX = sessionStorage.getItem;
var startY = sessionStorage.getItem;
    

通过用sessionStorage，我们Neng在SVG动画中方便地存储和读取临时数据，让我们的动画geng加生动好玩。不过想起来哦，这些个数据只是临时存放，动画播放完毕后它们就会消失，就像我们的暗地一样，不需要再保留。

---