Pourquoi la largeur de course SVG: 1 rend-elle les lignes transparentes?

Question

Je crée des graphiques en stock avec SVG et que j'ai un problème lorsque je définis la largeur de course de mes éléments de chemin à 1. Au lieu de rendre les lignes plus étroites, cela en fait la même taille que la largeur de course: 2 mais légèrement transparent. Je ne peux pas en publier une image car je n'ai pas assez de points de réputation ...

Ma balise SVG ressemble à:

<div style="height:300px; width:400px; overflow:hidden">
<svg style="position:relative" height="10000" width="10000" version="1.1" xmlns="http://www.w3.org/2000/svg">
</svg>
</div>

Et j'ajoute des éléments de chemin dynamiquement à l'aide de JavaScript / jQuery:

var shape = document.createElementNS("http://www.w3.org/2000/svg", "path");
$(shape).attr({"d":"...",
               "fill":"none",
               "stroke":color,
               "stroke-width":"1"});
$("svg").append(shape);

J'ai laissé de côté la valeur du chemin d Attribut car c'était un peu long. Aussi, color est une variable de chaîne qui est déterminée à l'avance comme "verte", "rouge" ou "noir".

Y a-t-il quelque chose qui ne va pas dans mon code qui en cause ou est-ce un problème différent?