clipPath birden çok SVG etiketinde

Question

Her birinde aynı kimliğe sahip farklı bir klip yolu tanımladığınız birden fazla SVG etiketiniz olduğunu varsayalım.

<svg id="svg1" width="200" height="200"> 
    <defs> 
     <clipPath id="nodeclipper"> 
      <rect width="100" height="100" x="0" y="0" /> 
     </clipPath> 
    </defs> 
</svg> 

<svg id="svg2" width="200" height="200"> 
    <defs> 
     <clipPath id="nodeclipper"> 
      <circle cx="20" cy="0" r="40" /> 
     </clipPath> 
    </defs> 
</svg> 

Ben de bir JSFiddle yaptı. Beklenen davranış nedir? Ben bir eleman sadece kendi SVG etiketinin içinde tanımlarını referans düşünüyordu, ama bu durum görünmüyor:

• Krom 26: circle klip yol iki kez kullanır.
• Firefox 17: İki kez rect klip yolunu kullanır.
• Safari 6: Bir rect ve bir circle klip yolunu beklendiği gibi işleyebilir.

Eğer hide one of the SVG tags Krom ve Safari sonra tamamen clip-path damla çünkü zaman garip olur.

clipPath s farklı kimliklere sahip olduğunda çalıştığını biliyorum, ancak bu şekilde mi olması gerekiyor? Gördüğüm kadarıyla spec, konu hakkında bilgi içermiyor.

Answer 1

Ne yapıyorsun bu direkt olarak bu belirli bir sorunu giderir http://www.w3.org/TR/2008/REC-xml-20081126/ başvuran http://www.w3.org/TR/SVG/struct.html#IDAttribute başına geçersiz ... tip kimliğinin

değerlerin Ad eşleşmesi GEREKİR. Bir ad, bir XML belgesinde bu türden bir değer olarak birden çok kez görüntülenmemelidir; Yani, ID değerleri, bunları taşıyan elemanları benzersiz şekilde tanımlamalıdır.