image - 无论对图像宽度所做的更改如何，如何将图像对齐到 SVG 的中心？

Question

我尝试使用 css 和 js 将图像居中对齐，但它不起作用。如果我增加或减少图像的宽度，图像不会在中心对齐。请帮助我解决可以将任何 svg 图像对齐到中心的解决方案，而不管它们的宽度如何。

<svg style="border:5px solid black" version="1.1" id="Layer_1"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1000 500">
        <image visibility="visible" id="header_image" x="45%" y="6%" width="20%" href="https://resources.mynewsdesk.com/image/upload/t_open_graph_image/eyblf65bkcezbnfxfo3n.jpg"></image>
</svg>

标签： imagesvgalignmentcenter-align