Vẽ một đường không bị dày hơn khi ảnh trải dài

Question

Có cách nào trong SVG vẽ một đường thẳng mỏng khi ảnh được kéo dài không?

Tôi đang sử dụng một hình ảnh SVG làm nền CSS, một cái gì đó như thế này:

<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> 

(Một đường chéo). Tôi đang kéo dài hình ảnh này thông qua một phần tử hình chữ nhật và khi phần tử lớn hơn, đường thẳng trở nên dày hơn, nhưng tôi cần một đường thẳng mỏng.

Có thể? Một cái gì đó giống như dòng "mỏng" trong flash.

Answer 1

Trong trình duyệt mà thực hiện SVG 1.2T bạn có thể có một Opera và Webkit hỗ trợ non-scaling stroke này cũng như Firefox từ phiên bản 15.

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

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