css - 显示保持原始字体大小的 SVG

标签 css svg

我的主页上有几个 svg 和图像标签。

我的 svg 被调整到 30em 宽的父 div 容器。 我现在的问题是我的 svg 宽度不同,它们都被缩放到 30em 的宽度。

看这个例子: jsfiddle.net/xpgz44oL/

每个 svg 显示的字体大小应该相同。 我怎样才能做到这一点?

最佳答案

假设原始绘图是按相同的比例完成的,您可以查看 viewBox 的宽度并将每个图像设置为该宽度(如果您希望它们更大,则可以是该宽度的倍数)。

<div>
    <img src="http://www.austrokamin.at/media/dw/zeichnungen/laengenelement-1000mm-dw-zeichnung.svg" width="158.95px"/>
    <img src="http://www.austrokamin.at/media/dw/zeichnungen/dachdurchfuehrung-20-35-grad-dw-zeichnung.svg" width="239.19"/>
</div>

关于css - 显示保持原始字体大小的 SVG,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26946312/

相关文章:

php - 如何确保所有 Wordpress 标题都具有透明背景?

javascript - 如何突出显示并检测 CSS 网格行上的鼠标点击?

javascript - polymer 3 相对路径

javascript - 从 D3 库访问 svg

css - 子 float Div 脱离父 Div

html - 如何使用CSS变换以抛物线路径即曲线移动图片?

css - 如何在同一原点缩放 SVG 中的路径?

html - 如何平滑 SVG 路径的边缘

html - Web 浏览器的语义屏幕截图

javascript - Bootstrap 在 IE8 中无法正确显示