svgの行を作成できませんが、svgの円を作成するとうまく動作します

Question

私はsvgの中にcicleと行を作成しようとしています。しかし何らかの理由で私は私のsvgに回線を追加/追加することはできません。

これは私のコードです：

findTop = wrapper.find("g[data-node-id='1']"); 
var obj = findTop.parent(); 
var newobj = obj.clone(); 

$(obj).append(document.createElementNS("http://www.w3.org/2000/svg", "circle")) 

$(obj) 
    .parent() 
    .find("circle") 
    .unwrap() 
    .attr("class", "get-btn trigger-btn") 
    .attr("data-btn-id", "1") 
    .attr("cx", "257.5") 
    .attr("cy", "100") 
    .attr("r", "20"); 

$(obj).append(document.createElementNS('http://www.w3.org/2000/svg', 'line')) 
    .attr({ 
    id: "line2", 
    x1: 0, 
    y1: 0, 
    x2: 300, 
    y2: 300 
    }); 

誰もが、私は私のSVGに行を追加傾ける理由のアイデアを持っていますか？

Answer 1

実際に行が存在します。ストロークを追加する必要があります。

$(obj).append(document.createElementNS('http://www.w3.org/2000/svg', 'line')).attr({ 
    id: "line2", 
    x1: 0, 
    y1: 0, 
    x2: 300, 
    y2: 300, 
    stroke: "red", 
    "stroke-width": 2 
});