Tại sao SVG bị mờ khi được thu nhỏ trong trình duyệt webkit?

Question

Khi chia tỷ lệ hình ảnh SVG bằng cách sử dụng biến đổi quy mô CSS, hình ảnh bị mờ trong Chrome hoặc Safari?

Dưới đây là một chút của mã của tôi:

 #logo { 
      animation: cssAnimation 120s infinite; 
      -webkit-animation: cssAnimation 120s infinite; 
      -moz-animation: cssAnimation 120s infinite; 
     } 

     @keyframes cssAnimation { 
      0% { transform: scale(1) } 
      50% { transform: scale(2) } 
      100% { transform: scale(1); } 
     } 

Rất cám ơn sự giúp đỡ nào!

Raphaël

Answer 1

Cảm ơn rất nhiều War10ck! Bài viết này đã giúp tôi: when scaling an element with css3 scale, it becomes pixelated until just after the animation is complete. I'm animating an element with a border Sử dụng scale3d thay vì tỷ lệ, không vượt quá 1, đã thực hiện thủ thuật!