首先，抛出一个小问题，前几篇的演示案例中，<svg>标签总会出现一个viewBox属性，那么它是什么呢？想要弄清楚这个属性，就必须要了解另一个概念viewPort。

只有真正了解了svg中拖拽的概念和缩放的概念，才能得心应手的去使用它。通过图示、文字步骤让我们进一步了解这2个概念。

viewport 很好理解，就是类似我们的电视机，我们只能通过看到电视机里边的内容，却无法看到电视画面外边的画面。 viewbox就是最后我们画图的坐标系统，也就是说我们在svg上画东西的时候，就是根据viewbox的坐标系统，来确定最后的位置的。 这里注意的是绘制图像的坐标始…