Для изменения размера нажмите или перетащите

Форматирование элементов

Форматирование визуальных элементов осуществляется путем программного изменения содержимого svg или html (добавление, удаление и редактирование узлов и атрибутов контента).

Пример клиентского сценария редактирования внешнего вида svg-элемента.

JavaScript
Копировать
...
let textNodes = this._node.querySelectorAll('text');
let yDelta = this.height / (textNodes.length + 1);
// Пробежка по всем svg-узлам <text>
textNodes.forEach(textNode => {
    // Выставление шрифтов и выравнивания
    textNode.style.fill = this.fontColor;
    textNode.style.fontSize = this.fontSize;
    textNode.style.fontWeight = this.fontBold ? "bold" : null;
    textNode.style.fontStyle = this.fontItalic ? "italic" : null;
    textNode.setAttribute('x', xValue);
    textNode.setAttribute('text-anchor', horAlignValue);

    // добавление узла со всплывающей подсказкой
    let value = rs.values[valueIndex++];
    let hintNode = textNode.ownerDocument.createElement('title');
    textNode.textContent = value.prefix + value.value;
    hintNode.textContent = value.hint;
    textNode.append(hintNode);
}
...
См. также