如何将svg元素高度/宽度大小转换为像素

Question

我有一些svg元素，我想要它们的像素高度和宽度。怎么做？

<rect height="200" width="400" fill="red" stroke="1">

Answer 1

矢量格式中的测量通常与它们最终将要渲染的“窗口”或“查看器”的大小相关。如果不知道视口大小（以像素为单位），它们将无限大或小。如果你确实有viweports大小并且元素没有被任何东西转换，那么你需要看到元素相对于视口的位置，确保它完全显示，然后你可以计算它的渲染大小。但是，请注意是否通过部分或完全“关闭屏幕”将其从画面中剪掉。