CODEWITHSUNDEEP
javascriptraphael
Mellon
Mellon

Reputation: 38922

Raphael.js how to set attribute for a path?

In Raphael.js, If I have a path object, I would like to reset the attribute, how to do it?

myPath.attr('M', VALUE_FOR_M)
      .attr('L', VALUE_FOR_L);

seems not working...

Upvotes: 3

Views: 6936

Answers (2)

basecode
basecode

Reputation: 1510

you do it like this:

var newPath = ["M", VALUE_FOR_M_X, VALUE_FOR_M_Y, 
               "L", VALUE_FOR_L_X, VALUE_FOR_L_Y];

myPath.attr({ path : newPath });

newPath is a pathString (see SVG path string format)

Upvotes: 6

Andrew
Andrew

Reputation: 13863

To create a path, I prefer,

var myPath = paper.path(['M', M_VAL0, M_VAL1, 
                         'L', L_VAL0, L_VAL1].join(' '));
myPath.insertAfter(nodewhatever);

It makes your actions much easier to follow.

to update your path,

myPath.remove();
myPath = paper.path(['M', M_VAL2, M_VAL3, 
                     'L', L_VAL2, L_VAL3].join(' '));
myPath.insertAfter(nodewhatever);

Is this what you wanted to do?

Upvotes: 3

Related Questions