Görüntü uzandığında kalınlaşmayan bir çizgi çizin

Question

Görüntü uzatıldığında ince duran bir çizgi çizmek için SVG'nin bir yolu var mı?

Böyle bir CSS arka plan, bir şey olarak bir SVG resmini kullanıyorum:

<svg ... preserveAspectRatio="none" viewBox="0 0 15 15"> 
    <line x1="0" y1="15" x2="15" y2="0" 
     color="#000" stroke="#333" stroke-width="1" /> 
</svg> 

(A diyagonal çizgi). Bu resmi dikdörtgensel bir elemandan geçiriyorum ve eleman büyüdüğünde, çizgi daha kalınlaşıyor, ama her zaman ince bir çizgiye ihtiyacım var.

Mümkün mü? Flaşta "ince" çizgiler gibi bir şey. SVG 1.2T uygulamak tarayıcılarda

Answer 1

Bir non-scaling stroke Opera ve Webkit destek olabilir bu 15. ne şekilde

<!-- via property --> 
<line … vector-effect="non-scaling-stroke" /> 

<!-- via CSS --> 
<style> 
    line { vector-effect:non-scaling-stroke } 
</style> 
<line … />