顯示放大的SVG在設計大小

Question

我有一個SVG圖像，它適合其父親<object>尺寸。通過更改currentScale和currentTranslate屬性來縮放圖像。如何縮放圖像以按預期大小顯示並將其居中在視口中？

示例代碼：

<object width="500" height="300" data="pic.svg"> 
    <!-- The image will scale to be 300px heigh, 
     I need it to be shown at 32x32 and centered in the viewport, 
     but could be zoomed to any size. 
     Setting width and height attributes will crop the viewable area to 32x32, 
     so we can't use this solution. 
    --> 
    <svg viewBox="0 0 32 32" ... > 
</object>