Javascript svg画布上的图形

我通过JavaScript以编程方式创建了几个svg图像。图像是线条

function create(elem) {                         //function for create svg elem                           
    var svg = "http://www.w3.org/2000/svg";
    return document.createElementNS(svg, elem);

function set(elem, atrArr) {       //function for set attributes svg elem                      
    for (var i in atrArr) {
        elem.setAttribute(i, atrArr[i])
    }
}


function someFunc(valueWidth, valueHeight) {
   var SVG = create('svg');   //canvas
   var line = create('line');  //line

   var width = valueWidth;   //some value
   var heigth = valueHeight;  //some value

   set(SVG, {             //set canvas
       version: '1.1',
       width: width,
       height: height
   });

   //set line
   set(line, { x1: 0, x2: width, y1: 0, y2: height, style: 'stroke:rgb(0,0,0);stroke-width:1' });     

   SVG.style.position = 'absolute';
   SVG.appendChild(line);
}

如果高度或宽度小于0.5，则仅在IE中绘制线条。

---

我可以在其他浏览器中画线而不改变画布的大小吗？

在Chrome中，在更正了语法错误height vs heigth并将svg元素添加到主体之后，这对我来说很好：

var SVG = create('svg');   //canvas
document.body.appendChild(SVG);

---

我写的高度？=：是的，对于小于一个像素宽的线条似乎有一个阈值…哦，好吧，你可能需要缩放它，但在IE中，我认为。。它是功能还是错误？=因为线条绘制正确，即使线条宽度大于画布宽度，线条宽度也不会改变