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