问SVG viewBox:精确的平移和缩放顺序

EN

从技术角度(没有隐喻)，我很难确切地理解min-x和min-y在viewBox上的工作原理。

我花了很多时间在两个有用的资源上：

• SVG 1.1 (官方规范)- 7.7‘viewBox’属性
• 理解SVG坐标系和转换(第一部分) - Soueidan

根据SVG1.1规范

“viewBox”属性的值是一个由四个数字组成的列表，用空格和/或逗号分隔，它们指定用户空间中的一个矩形，该矩形应该映射到给定元素建立的视图端口的边界，同时考虑到属性‘_

和：

“viewBox”属性的效果是用户代理自动提供适当的转换矩阵，以将用户空间中指定的矩形映射到指定区域(通常是视口)的边界。

和：

(注意:在某些情况下，用户代理除了规模转换外，还需要提供翻译转换。例如，在最外层的svg元素上，如果“viewBox”属性指定的值不是0 For或。)

因此，我的期望是定义viewBox与以下内容相同：

1. 首先，缩放视图框，因此它填充视图端口(假设视图端口和viewbox的纵横比相同)
2. 然后翻译 viewBox，因此它根据min-x和min-y viewBox属性放置在视图端口中。

如果我们看看萨拉的两个例子，从这里开始，这似乎不是正在发生的事情。

在她的第一个示例(<svg width="800" height="600" viewbox="100 100 200 150">...</svg>)中，如下所示：

1. viewBox按min-x / min-y放置在视图中
2. viewBox是缩放的，与视口大小相同。
3. viewBox原点是翻译的(移动)，以与视口原点一致。

然而，在她的第二个例子(<svg width="800" height="600" viewbox="-100 -100 400 300">...</svg>)中，它看起来是一个完全不同的顺序：

1. viewBox是缩放的，与视口大小相同。
2. viewBox原点是翻译的(移动)，与viewBox min-x min-y所指的方向相反。它不符合viewport原点--这与第一个示例不同。

因此，我认识到我并不完全理解它，因为从技术上讲，在这两种情况下，它的工作方式应该是相同的。

最后，在Sara的例子中，我不明白为什么蓝色坐标系(用户坐标系)本身不移动到视口坐标系中的(100,100)或(-100，-100)。我以为viewBox应该翻译和缩放用户坐标系统？

编辑：

根据这就是答案的说法，min-x和min-y确实遵循了我的第一组步骤。viewBox原点根据min-x和min-y放置在视口中，然后翻译，使其原点位于视口原点的顶部。然后(前后)缩放以填充视图。

如果这是正确的，我很难理解为什么Sara的例子中的蓝色用户坐标系并不总是以它的原点位于viewport原点之上而结束。毕竟，viewBox应该修改用户坐标系。