Bu dondurma konisi SVG grafiğime sahibim ve kepçeyi(50% 100%) (orta alt) ile dönüştürmek istiyorum. Firefox, itaat ettiklerini iddia ediyor (yani denetçi doğru transform-origin no'lu notlar), ancak aslında sol üst köşeyi dönüştürüyor. WebKit, sadece ana öğe font-size:100% ayarlanmışsa, yalnızca uyulacaktır.Firefox'a uymayan SVG için dönüşüm dönüşümü yüzdesi, sadece bazen WebKit
Bunlar çok benzer sorular vardır ama yalnızca Firefox ilgilendirmeyen:
Sadece son zamanlarda ben geldim aynı sorun karşısında; İşte ben çözme hakkında gittim:
this page on SVG animation with CSS transforms'a göre, büyük tarayıcılar henüz transform-origin uygulamasının SVG öğelerine uygulanmasında tutarlı değildir. Sayfanın yazarı, GSAP adında bir JavaScript animasyonu platformu oluşturdu ve makaledeki transform-origin hesaplarından bazılarını açıklıyor. Matematiği SVG kaynaklarını düzeltmek için kendiniz JavaScript'i kendiniz uygulayacağınızdan çok daha fazlasını yaparken, GSAP'a (özellikle TweenLite aracı) bir göz attım ve ihtiyaçlarımı mükemmel bir şekilde karşılayabiliyorum. Web sitenizde harici bir kütüphane kullanmıyorsanız, tüm önemli tarayıcılarda öğeleri tutarlı bir şekilde hareketlendirmenize izin verdiğinden, SVG öğelerinde animasyon gerçekleştirmek için aracını kullanmanızı öneririz. transform-origin için olması gerektiği gibi çalışmak kesinlikle tercih edilmez, ancak tarayıcılar güncellenene kadar bu benim için uygun bir alternatif olmuştur.
Diğer sorulara yorum olarak bahsettiğiniz hatanın dönüştürmenin kökeni ile hiçbir ilgisi yoktur. Senin yerinde olsaydım, testzemin takılı olduğu bugzilla'da yeni bir böcek büyütürdüm. –
Evet, farkettim ki, bundan sonra, kötü ... ve bunu yapacağım. – Toph
@Toph Hata raporunuzu bugzilla'da buldum. [Hata # 923193] (https://bugzilla.mozilla.org/show_bug.cgi?id=923193) çözümüne ulaşmak için oy vermek isteyebilirsiniz. Yazılı olarak sadece 4 oy hakkı vardır. – dotnetCarpenter