2016-04-03 31 views
2

Sorunum şu şekildedir: <image> etiketi sayesinde SVG bölümünde bir görüntüyü görüntülemeye çalışıyorum. Aşağıdaki kod bir örnektir.SVG <image> etiketi Safari ve Firefox ürününde çalışmıyor

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink"> 
    <image xlink:href="http://2.bp.blogspot.com/-auWhmIJyACw/TaHzOV8pN1I/AAAAAAAAAPY/2nGmNaJRaBs/s1600/roger-federer-widescreen-wallpaper-001.jpg" preserveAspectRatio="xMinYMin slice"></image> 
</svg> 

Sorunum, Safari ve Firefox'ta çalışmadığıdır. Çalışmıyor olan görüntü etiketinden geliyor gibi görünüyor. Bir sözdizimi mi, yoksa bir xlink hatası mı olduğunu bilmiyorum.

Orada testlerinizi yapmak istiyorsanız bir codepen geçerli: http://codepen.io/vavouweb/pen/VaMNqg nitelikler genişliği ve yüksekliği görüntüler için zorunludur SVG 1.1 olarak

cevap

6

.

Bitmemiş SVG 2 belirtimi, gereksinimin kaldırılmasını önerir, ancak bildiğim kadarıyla Chrome ve muhtemelen IE kenarı bu önermeyi uyguladı.