如何仅在X轴上制作SVG比例？

Question

我有以下SVG图形，当窗口调整大小时当前正在缩放，但保持纵横比。我怎么能只在X轴上缩放，并将Y保持在80px？

SELECT t2.*
FROM Table2 t2
INNER JOIN Table1 t1
    ON t2.columnC LIKE '%' || t1.columnA || '\blahblahblah\' || t1.columnB || '%'

谢谢，

Answer 1

你有几个选择。首先，您可以简单地指定图形的高度，例如使用CSS。

svg {
    height: 80px;
    width: 100%;
}

如果这不是您想要的效果，您可以使用preserveAspectRatio属性变得更加复杂。很难说什么价值对你有用，因为它并不完全清楚你想要什么（假设上面的CSS方法没有做到），但可能是这样的：

<svg viewBox="0 0 300 80" preserveAspectRatio="none">

查看参考链接了解更多详情。