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

Question

我有一些 svg 元素，我希望它们的高度和宽度以像素为单位。这个怎么做？

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

Answer 1

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