19
Korumalı en boy oranına sahip etiketin içine (kırpma olmadan) sığacak bir <img /> etiketinin içinde SVG etiketine sahip olmaya çalışıyorum. Inkscape'te SVG'u oluşturdum. Internet Explorer 9 dışındaki tüm tarayıcılarda beklendiği gibi çalıştı. Çapraz tarayıcı SVG preserveAspectRatio
viewBox="0 0 580 220" ve preserveAspectRatio="xMidYMid meet" ekleyip width="580" ve height="220"SVG özelliklerini kaldırmak zorunda kaldı. <svg viewBox="0 0 580 220" preserveAspectRatio="xMidYMid meet">...</svg>
Bu
ben SVG boy oranı gerçekten korunmuş olmasına rağmen<img /> etiketi dikey gergin alır Webkit, üzerinde denedim sadece kadar her yerde çalışıyor gibiydi. Ben width="580" ve height="220" özelliklerini geri koyduğunuzda
, bu aspectr oranı kaybolur IE 9Webkit üzerinde değil çalışır.
Bu davranış için çapraz tarayıcı çözümü var mı? Sen SVG içinde width ve height özelliklerini tutmak için gereken
: