小编eza*_*kto的帖子

在图像拉伸时,SVG中是否有一种方法可以绘制一条保持细线的线？

我正在使用SVG图像作为CSS背景,如下所示:

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

(对角线).我通过一个矩形元素拉伸这个图像,当元素更大时,线条变粗,但我需要一条始终很细的线条.

可能？像闪光灯中的"细"线一样.

我有一个小问题.我正在尝试做像nikebetterworld.com这样的视差背景.在我的第一次尝试中,我得到了一些有效的东西,但它可以更好地工作.滚动时,背景位置会发生变化.问题是它在滚动后几毫秒改变,所以我可以看到滚动后背景如何"跳跃".

码:

var $w = $(window);
function move($c) {
    var scroll = $w.scrollTop();
    var diff = $c.offset().top - scroll;
    var pos = '50% ' + (-diff)*0.5 + 'px';
    $c.css({'backgroundPosition':pos});
}
$w.bind('scroll', function(e){
    move(some_container);
});

有什么建议？谢谢.

编辑

看看这个例子:http://jsfiddle.net/MZGHq/ (向下滚动,直到看到背景图片)