Raphael: set the line color

Question

I use the Raphael JS vector library and I cannot get the string (path) that I draw to change colors. Hope this is just something stupid.

var blue_one = paper.path ("M205 205L300 300");
blue_one.attr ("stroke-width", "3");
blue_one.attr ("fill", "#0000FF");

I also tried filling in the values ​​"# 00F", "blue", "0000FF" and "00F".

Answer 1

This is what you want to install.

blue_one.attr ("stroke", "#0000FF");

For a complete list of properties, see the Raphael Specification or Documentation.

Answer 2

It can be written simply on one line like this.

var blue_one = paper.path ("M205 205L300 300").attr({stroke:'#0000FF'});