Расширить путь SVG

В одном из моих приложений я создаю путь SVG со следующим кодом

var points="M1180,401 S1180,476 1030 476 L100, 476";
createPath(points, id, name);


   function createPath(points, id, nane) {

                var shape = document.createElementNS(svgNS, "path");
                shape.setAttributeNS(null, "d", points);
                shape.setAttributeNS(null, "class", "path");
                shape.setAttributeNS(null, "id", id);
                document.getElementById("holder").appendChild(shape);
                return id;
}

это создаст путь в моем SVG (с именем «держатель»). далее в событии нажатия кнопки мне нужно увеличить его длину. Поскольку в этом SVG более одного пути, мы не можем использовать его точки.

Пожалуйста, помогите Спасибо


javascript svg html jquery-svg
person ramesh    schedule 14.05.2012    source источник
comment
Пожалуйста, объясните, что вы имеете в виду под расширением его длины - в любом конкретном направлении, преобразованием/растягиванием пути или чем-то еще?   -  person Erik Dahlström    schedule 14.05.2012
comment
Привет, теперь я рисую линию еще x 100, y 476 ... мне нужно расширить ее до x -250, y 476   -  person ramesh    schedule 15.05.2012

Ответы (1)


arrow_upward
2
arrow_downward

Если вы сохраните уникальный идентификатор, вы можете использовать его для получения своей формы с помощью document.getElementById(id) и изменить путь оттуда.

person dr jerry    schedule 14.05.2012
comment
мой идентификатор уникален, и не могли бы вы сообщить мне, как изменить путь? - person ramesh; 15.05.2012
comment
как точки points="M1180,401 S1180,476 1030 476 L100, 476"; Вы можете просто сделать: shape.setAttributeNS(null, "d", "M1180,401 S1180,476 1030 476 L250, 476"); На самом деле мой собственный проект iscriptdesign.com для параметрического дизайна в значительной степени зависит от этой функции, поскольку она позволяет изменять атрибут d путем пересчета его содержимого после изменения ползунков или полей ввода. - person dr jerry; 15.05.2012