SVG：了解Translate命令

Question

根据我的理解，SVG Translate变换通过给定的X和给定的Y偏移坐标。因此，如果在（80,100）处绘制某些东西并应用平移（-10，-10），则将对象绘制为（70 ，90）。

话虽如此，我有一个SVG文件，其页面宽度为744乘1052.其中一个groups标签应用了translate的转换（-5774.2676,3117.0866）。我想要了解的是，这并不是完全偏离整个页面（事实并非如此）。有人能帮我解决这个问题吗？

Answer 1

我创造了一个小提琴http://jsfiddle.net/JNqDY/。也可以在小提琴中给出解释。 简而言之，我们可以在视口中（视口外）不可见的坐标处绘制对象。然后，我们可以通过适当调整viewBox坐标将这些在视口尺寸之外绘制的对象带入视口。这使我们将 svg视为无限画布。