在同一块上同时进行多个 SVG 缩放和平移

Question

在一个HTML中有一个SVG标签的SVG缩放和平移。 比如说，如果我有 2-3 个运行叠加层的 SVG，并希望让它们同时缩放和平移，这可能吗？

Answer 1

您可以使用

CSS操作SVG的全部或单个部分(如果SVG是内联的并标有类(。

尝试使用 CSS 转换和动画属性...

.svg1 {
  position: absolute;
  top: 25px;
  left: 25px;
  animation: panZoom 10s linear 1;
}
@keyframes panZoom {
  0%   {transform: translateX(0) scale(1);}
  100% {transform: translateX(1000px) scale(3);}
}