javascript - svg 路径不可见

Question

为什么这条路径不可见？我正在使用 javascript 动态创建路径，但该路径在屏幕上不可见，但它存在于 DOM 中。

var svg = document.getElementById('svg');
var path = document.createElementNS('http://www.w3.org/svg', 'path');
path.setAttribute('d', 'M100,100 L100,100');
path.setAttribute('style', 'stroke:black;fill:none;');
path.setAttribute('matrix', '1,0,0,1,100,100');
svg.appendChild(path);

或作为 JsFiddle

Answer 1

你有两个不同的问题

1. SVG 命名空间实际上是http://www.w3.org/2000/svg

2. 您画的不是一条通向任何地方的线，它从 100,100 开始并在同一个地方结束。