मैं एक SVG तत्व पर "पिक्सेल-जागरूक" होने के लिए स्ट्रोक-चौड़ाई सेट करने में सक्षम होना चाहूंगा, जो कि लागू स्केलिंग ट्रांसफॉर्मेशन की परवाह किए बिना हमेशा 1px चौड़ा होगा। मुझे पता है कि यह अच्छी तरह से असंभव हो सकता है, क्योंकि एसवीजी का पूरा बिंदु पिक्सेल स्वतंत्र होना है।
संदर्भ इस प्रकार है:
मेरे पास इसके व्यूबॉक्स के साथ एक SVG एलिमेंट है और प्रॉटेक्टस्पेक्टर रेशियो सेट्स हैं। यह कुछ इस तरह दिखता है
<svg version="1.1" baseProfile="full"
viewBox="-100 -100 200 200" preserveAspectRatio="xMidYMid meet"
xmlns="http://www.w3.org/2000/svg" >
</svg>इसका मतलब यह है कि जब मैं उस तत्व को मापता हूं, तो उसके अंदर की वास्तविक आकृतियां उस हिसाब से मापती हैं (अब तक बहुत अच्छी)।
जैसा कि आप देख सकते हैं, मैंने व्यूबॉक्स सेट किया है ताकि मूल केंद्र में हो। मैं उस तत्व के भीतर एक x- और y- अक्ष बनाना चाहूंगा, जो मैं इस प्रकार करता हूं:
<line x1="-1000" x2="1000" y1="0" y2="0" />फिर, यह ठीक काम करता है। आदर्श रूप से, हालांकि, यह अक्ष हमेशा 1px चौड़ा होगा। जब मैं मूल svg तत्व को मापता हूं तो मुझे धुरी पाने में कोई दिलचस्पी नहीं है।
तो क्या मैं खराब हूँ?