svg css动画会改变位置和大小，我只想让它改变大小

SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，它可以通过代码描述图形，而不是像位图那样基于像素。CSS动画是一种使用CSS属性和关键帧来创建动画效果的技术。

当使用CSS动画来改变SVG图形的大小时，可以通过设置transform属性中的scale来实现。scale函数可以通过指定一个水平和垂直的缩放比例来改变元素的大小。例如，transform: scale(2)将使元素的大小增加两倍。

如果只想让SVG图形改变大小而不改变位置，可以使用CSS的transform-origin属性来指定变换的原点。默认情况下，变换的原点是元素的中心点。通过设置transform-origin属性，可以将变换的原点设置为元素的某个特定位置，从而实现只改变大小而不改变位置的效果。

以下是一个示例代码，演示了如何使用CSS动画来改变SVG图形的大小：

<!DOCTYPE html>
<html>
<head>
  <style>
    .svg-container {
      width: 200px;
      height: 200px;
    }

    .svg-container svg {
      width: 100%;
      height: 100%;
    }

    .svg-container svg rect {
      fill: blue;
      transform-origin: center;
      animation: scaleAnimation 2s infinite alternate;
    }

    @keyframes scaleAnimation {
      0% {
        transform: scale(1);
      }
      100% {
        transform: scale(2);
      }
    }
  </style>
</head>
<body>
  <div class="svg-container">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <rect x="0" y="0" width="100" height="100" />
    </svg>
  </div>
</body>
</html>

在上面的示例中，我们创建了一个包含一个矩形的SVG图形，并使用CSS动画来将矩形的大小从原始大小（1倍）变为两倍。通过设置transform-origin: center，我们将变换的原点设置为矩形的中心点，从而实现只改变大小而不改变位置的效果。

腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。您可以根据具体的需求选择适合的产品来支持您的云计算应用。更多关于腾讯云产品的信息，您可以访问腾讯云官方网站：https://cloud.tencent.com/。