多个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);} 
}