पूर्ण चौड़ाई और ऊंचाई एसवीजी

Question

दुविधा: एक पूर्ण विंडो svg छवि बनाएं जो एक एसवीजी टैग का उपयोग किए बिना पहलू विकृति के साथ भरती है। एसवीजी टैग क्यों नहीं? क्योंकि मैं पृष्ठ के जीवन में बाद में एसवीजी (अगर अक्सर नहीं) को स्वैप करने का इरादा रखता हूं, और मुझे ऐसा करने का कोई आसान तरीका नहीं मिला है।

असफल प्रयास:

<!-- for the record, my style are in a css file, 
     for example purposes they are style attrs--> 

    <!-- Working in Webkit but not in firefox, in firefox blocks stretching 
     and places the svg in the middle of the tag--> 
    <img src="my.svg" style="width:100%;height:100%; 
     position:fixed;top:0;left:0;bottom:0;right:0;" /> 

    <!-- Both Webkit and Firefox block distortion, so the svg 
     appears centered in the div rather than conforming to the div--> 
    <div style="width:100%;height:100%;position:fixed;top:0; 
     left:0;bottom:0;right:0;background-size:cover; 
     background-image:url(my.svg);" /> 

मैं भी

background-size:contain; 
background-size:cover; 
background-size:100% 100%; 
background-postion: center center; 

लेकिन कोई किस्मत की कोशिश की है।