Разве wheelnav.js не способен обрабатывать многострочный текст Raphael.js (SVG)? - PullRequest
Новая
       32

Разве wheelnav.js не способен обрабатывать многострочный текст Raphael.js (SVG)?

0 голосов
/ 18 декабря 2018

Я пытаюсь создать меню с wheelnav.js, где каждый элемент: значок + текст под этим значком.Поскольку wheelnav использует raphael.js для создания пунктов меню: 

 this.spreaderTitle = thisWheelNav.raphael.text(currentPath.titlePosX, currentPath.titlePosY, currentTitle.title);

Точнее, функция Paper.text () из raphael.js, которая описана следующим образом: 

/*Draws a text string. If you need line breaks, put “\n” in the string.*/
Paper.text = function(x, y, text){}

СледовательноЯ просто помещаю символ EOL "\ n" в текст моего пункта меню. 

var icons = {
    'section_sign': '\u00A7\n',
    'key': '\uf084\n',
    'cogs': '\uf085\n',
 };

var items = [ {title: icons.key + 'Security&\nPasswords'},
              {title: icons.cogs + 'Settings&\nDevice'},
              {title: icons.section_sign + 'Rules&\nLaw'} ];

var piemenu = new wheelnav('main_menu');
piemenu.initWheel(items.map(function(item){
                                        return item.title;
                                    }));
piemenu.createWheel();

К сожалению, это приводит к тысячам ошибок в консоли:

Ошибка: атрибут dy: ожидаемая длина, "NaN"

Есть идеи, как предотвратить эти ошибки?

...