Класс не добавлен с помощью addClass() и Attr() для элемента SVG

Question

У меня проблема с элементом 'SVG', я пытаюсь добавить класс в элемент круга 'svg' с помощью метода attr(), но он не работает.

**Here is the some piece of code: **

r = new ScaleRaphael('lg-map', config.mapWidth, config.mapHeight),
                attributes = {
                    fill: '#d9d9d9',
                    cursor: 'crosshair',
                    stroke: config.strokeColor,
                    'stroke-width': 1,
                    'stroke-linejoin': 'round',
                    'font-family': 'Verdana',
                    'font-size': '19px',
                    'font-weight': 'bold'
                },
var pinattrs = {
'cursor': 'pointer',
'fill':pins[i].color,
'stroke':config.strokeColor,
 'id': pinId,
'class':'smallCircle'
 };  
var pin = r.circle(pins[i].xPos, pins[i].yPos, config.pinSize).attr(pinattrs);

И результат:

<circle cx="425" cy="425" r="10" fill="#737373" stroke="#f2f2f2" id="2" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer;"></circle>

Я также попробовал метод addClass(), но у меня тот же результат.

Спасибо

Answer 1

Ну, у вас нет доступа к ключу класса в вашем .attr() параметр.

Изменить это:

var pin = r.circle(pins[i].xPos, pins[i].yPos, config.pinSize).attr(pinattrs);

К этому:

var pin = r.circle(pins[i].xPos, pins[i].yPos, config.pinSize).attr(pinattrs.class);