Изменение ширины и цвета линии в raphael.js

Question

Прошу вас, я только начал использовать библиотеку raphael.js, и мне нужно изменить ширину и цвет линии.
Я посмотрел документацию и другие ответы здесь, но я полностью потерян.
На данный момент он слишком тонкий, и мне нужно, чтобы он был другого цвета.

Коды

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'); 
        }); 
     }); 

Любая помощь, пожалуйста?

Answer 1

Вы можете взглянуть на ширину и ход хода.

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

Документы для '' ATTR here