Raphael.js 如何为路径设置属性？

Question

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...

Answer 1

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 )

Answer 2

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?