在raphael.js中更改线宽和颜色

时间:2016-01-08 11:02:29

标签: javascript css raphael

请耐心等待我刚开始使用raphael.js库,我需要更改线条的宽度和颜色。我在这里查看了文档和其他答案,但我完全迷失了。
目前它太薄了我需要它也是另一种颜色。 enter image description here

function Line(startX, startY, endX, endY, raphael) {
            var start = {
                x: startX,
                y: startY
            };
            var end = {
                x: endX,
                y: endY
            };
            var getPath = function() {
                return "M" + start.x + " " + start.y + " L" + end.x + " " + end.y;
            };
            var redraw = function() {
                node.attr("path", getPath());
            }

            var node = raphael.path(getPath());
            return {
                updateStart: function(x, y) {
                    start.x = x;
                    start.y = y;
                    redraw();
                    return this;
                },
                updateEnd: function(x, y) {
                    end.x = x;
                    end.y = y;
                    redraw();
                    return this;
                }
            };
        };



        $(document).ready(function() {
            var paper = Raphael("raphaelContainer",1280,470, 0, 0);
            $("#raphaelContainer").mousedown(

                    function(e) {
                        x = e.offsetX;
                        y = e.offsetY;
                        line = Line(x, y, x, y, paper);
                        $("#raphaelContainer").bind('mousemove', function(e) {
                            x = e.offsetX;
                            y = e.offsetY;
                            line.updateEnd(x, y);
                        });
                    });

            $("#raphaelContainer").mouseup(

                    function(e) {
                        $("#raphaelContainer").unbind('mousemove');
                    });
        });

请帮忙吗?

1 个答案:

答案 0 :(得分:2)

你可以看一下笔画宽度和笔画。

element.attr({ stroke-width: 3, stroke: 'red' }); for example

文档' attr' here