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

【问题标题】：How to convert svg element height/width size into pixels如何将 svg 元素的高度/宽度大小转换为像素
【发布时间】：2013-03-01 14:02:22
【问题描述】：

我有一些 svg 元素，我希望它们的高度和宽度以像素为单位。如何做到这一点？

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

【问题讨论】：

SVG 是矢量格式，没有像素，直到您通过它的尺寸指定一些渲染视口..我真的不明白这个问题..

标签： javascript jquery graphics svg coordinate-systems

【解决方案1】：

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

【讨论】：