1

好的，到目前为止我有这个代码：

var fillerLine = {
                            'color': 'white',
                            'cursor': 'pointer'
                        }

                        var line1 = paper1.path("M2 2");
                        line1.attr(fillerLine);
                        var anim = Raphael.animation({path: "M2 2L100 2"}, 500);
                        line1.animate(anim.delay(3000));

但是 line1 一点也不尖锐。它看起来像 2px 宽而不是 1px 作为正常线。如何将其重置为 1px 并将线条的颜色设置为白色？

我怎样才能得到 1px 线？

编辑： Firefox Line width in raphaeljs width-in-raphaeljs似乎有这个问题我会尝试是否可以使用 renderfix();

4

3 回答 3

2

这个问题已经讨论过了：

这个链接带你指出整数坐标出了什么问题，以及为什么+0.5是固定的边缘模糊（带有漂亮的图片！！）：

您可以通过以下方式避免+0.5：

SVG_Area.setAttribute("viewBox", "0.5 0.5 " + width + " " + height);

或通过包装：

函数 fiXY(x) { 返回 parseInt(x) + 0.5; }

var rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
rect.setAttribute("x", fiXY(x));
rect.setAttribute("y", fiXY(y));

或通过：

SVG_Area.setAttribute("形状渲染", "crispEdges");

对您的 SVG 图像中的所有形状有什么影响....

于 2013-01-17T19:42:01.837 回答
0

我必须使用 2.5 而不是 3，然后它就可以了。

于 2012-07-24T16:23:37.453 回答
0 
line1.attr({'stroke-width':'1'});

而是将其添加到填充线以获得可重用的方法....

于 2012-07-24T19:54:18.850 回答