SVG, webkit tarayıcıları altında ölçeklendiğinde neden bulanıklaşıyor?

Bir SVG görüntüsünü CSS ölçek dönüşümü kullanarak ölçeklerken, görüntü Chrome veya Safari altında bulanıklaşır? Herhangi bir yardım içinSVG, webkit tarayıcıları altında ölçeklendiğinde neden bulanıklaşıyor?

 #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); } 
     }

Çok teşekkürler: Burada

benim kod biraz!

Raphaël

kaynak

2014-10-22 user1875631

http://stackoverflow.com/questions/26488179/images-losing-quality-for-second-when-interacting-with-page veya http://stackoverflow.com/questions/9986226/when-scaling sayfasına bakın. -an-element-with-css3-ölçek-o-to-pixelated-kadar-so-sora-sorunuzu cevaplar ... – War10ck

'width' deneyin deneyin http://jsfiddle.net/victor_007/bw0fyu11/ –

@ War10ck çok teşekkürler! – user1875631

Çok teşekkürler War10ck! Bu makale bana yardımcı oldu: 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 Ölçek yerine scale3d kullanarak, 1'in üzerine çıkmayın, hile yapın!

kaynak

2014-10-22 22:12:00 user1875631

SVG, webkit tarayıcıları altında ölçeklendiğinde neden bulanıklaşıyor?

cevap

İlgili konular