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

Question

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

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

Answer 1

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