如何使svg中的元素不被viewbox拉伸？

在SVG中，可以通过设置preserveAspectRatio属性来控制元素在viewBox中的显示方式，从而避免元素被拉伸。preserveAspectRatio属性有两个值，分别是xMinYMin和none。

1. xMinYMin：表示元素在viewBox中的左上角对齐，保持宽高比不变，不会被拉伸。这是默认值。

示例代码：

<svg viewBox="0 0 100 100" preserveAspectRatio="xMinYMin">
  <rect x="10" y="10" width="80" height="50" fill="red" />
</svg>

1. none：表示元素在viewBox中自由缩放，不保持宽高比，可能会被拉伸。

示例代码：

<svg viewBox="0 0 100 100" preserveAspectRatio="none">
  <rect x="10" y="10" width="80" height="50" fill="red" />
</svg>

推荐的腾讯云相关产品：腾讯云对象存储（COS）

• 产品介绍链接地址：https://cloud.tencent.com/product/cos

腾讯云对象存储（COS）是一种高可用、高可靠、强安全的云存储服务，适用于存储海量文件、大数据分析、网站托管、备份恢复、容灾备份等场景。它提供了简单易用的API接口和控制台操作，可以方便地上传、下载、管理和分享文件。同时，腾讯云COS还具备高可靠性和高可用性，能够保证数据的安全性和可靠性。