有人可以向我解释视框吗？

Question

我正在制作一个倒计时钟，并且我想要分组时间块（天，小时，分钟，秒），以便我可以使用CSS正确调整它们的大小。从我读过的内容来看，这听起来像把它们放在符号中是我最好的选择。它也似乎应该是有道理的，但任何时候我尝试它们，当我将它与文档相关时，几乎没有任何意义。

我得到，前两个参数决定源的绘图起点。但是第二个2 ......到底是什么？我读过它们应该是从源头拉出的绘图盒的宽度和高度。但是，当我用两个文本标签试用它们，但是很多天和“天”这个词时，我不知道如何设置它们。

我显然需要从0 0开始，但宽度和高度我不知道。不管我放什么，似乎完全无视它们。我甚至无法设置use标签的width或height。

我在这里采取正确的方法吗？有谁知道发生了什么问题？

看看这个，看看我说的是：

http://jsfiddle.net/pDx54/

Answer 1

它有多大出现在屏幕上的SVG元素控制的宽度和高度。 viewBox控制你在那个区域可以看到的东西。

所以如果视框是“0 0 100 100”，则最小可见x坐标为0，并且最大值为100。

在另一方面，如果视框是“-100 -100 200 200“，则最小可见x坐标为-100，最大可见x坐标为200-100 = 100。

其中一个问题是你写错了字体大小属性作为一些地方的字体大小。