एसवीजी इकाई के रूप में एम के साथ अनुवाद?

Question

क्या एसवीजी अनुवादों के लिए इकाई के रूप में उपयोग करने का कोई तरीका है?

<rect height="10em" width="10em" transform="translate(0em, 10em)" 
style="fill:none;stroke-width:3;stroke:black/> 

में के रूप में आयत फ़ायरफ़ॉक्स में अनुवाद नहीं करता है, जब तक कि मैं इकाई के रूप में उन्हें हटा दें।

Answer 1

दुर्भाग्य से, नहीं;

चश्मा explicitly allow for user units - जब अन्यथा निर्दिष्ट नहीं है कि सीएसएस इकाइयों और डिफ़ॉल्ट के अनुरूप इकाइयों पिक्सेल - निर्देशांक के लिए लागू किया जाना है, जबकि अनुवाद चल बिन्दु संख्या विशेष रूप से के रूप में SVGMatrix interface द्वारा परिभाषित के साथ इस्तेमाल किया जा के लिए होती हैं।

Answer 2

आप एक तरह से यह कर सकते हैं अगर आप तत्व (रों) लपेट आप एक नया समन्वय प्रणाली में अनुवाद करना चाहते हैं:

<svg> 
    <svg width="1em" height="1em" overflow="visible" viewBox="0 0 1 1"> 
    <rect height="10" width="10" transform="translate(0, 10)" .../> 
    </svg> 
</svg> 

एक अन्य विकल्प अगर आप केवल अनुवाद की जरूरत है और तत्व है x और y का उपयोग गुण (या समतुल्य) इस तरह, बजाय उन का उपयोग करने के लिए है:

<rect x="0" y="10em" height="10em" width="10em" 
style="fill:none;stroke-width:3;stroke:black/> 

transforms in CSS/SVG के लिए एक नया विनिर्देश वर्तमान पर काम किया जा रहा है, और यह वास्तव में अनुवाद में इकाइयों, here देखने के लिए अनुमति देगा।