在制作场景时候，经常会遇到调整多个形状位置的情况，一个一个形状来设置，不仅麻烦还花费不少时间，利用SVG容器就能快速移动形状的位置。
工具/原料
1
电脑
2
ih5
方法/步骤
1
进入工作台，在左边的工具栏里找到SVG容器
2
点击它，拉出一个SVG容器框，大小可以根据形状的位置来调整，因为现在还没有添加形状，所以可以后面来进行调整
3
根据页面的设计添加形状
4
有时候形状的位置并不在SVG框里面
5
现在移动SVG框，并不能移动任何的形状
6
这是因为形状不在SVG容器对象的下面
7
把形状对象移动到SVG容器对象的里面，就能在移动容器框的时候，也一并移动形状了
8
所有的形状都放在容器框对象下面，在移动容器框时，全部随着一起移动
9
在属性里，可以设置容器的背景颜色等
10
但是，虽然可以一并移动，但不能同时设置多个形状的属性，例如改变颜色，需要一个个进行更改
上一篇：超酷的HTML5超人飞行动画
下一篇：CSS3中的动画二