Jak zabezpieczyć znacznik SVG (strzałka), aby odziedziczyć szerokość obrysu ścieżki?

Question

Mam strzałki o różnej grubości krawędzi, ale chcę, aby grot strzałki (znacznik svg) miał taki sam rozmiar, tj. Aby nie był zmieniany zgodnie z szerokością obrysu ścieżki. Co mogę zrobić?

svg.append("svg:defs").selectAll("marker") 
    .data(["suit", "licensing", "resolved"]) 
    .enter().append("svg:marker") 
    .attr("id", String) 
    .attr("viewBox", "0 -5 10 10") 
    .attr("refX", 15) 
    .attr("refY", -1.5) 
    .attr("markerWidth", 6) 
    .attr("markerHeight", 6) 
    .attr("orient", "auto") 
    .style("stroke-width", 1) 
    .append("svg:path") 
    .attr("d", "M0,-5L10,0L0,5"); 

var path = svg.append("svg:g").selectAll("path") 
    .data(force.links()) 
    .enter().append("svg:path") 
    .attr("class", function(d) { return "aglink " + "suit"; }) 
    .attr("marker-end", function(d) { return "url(#" + "suit" + ")"; }) 
    .style("stroke-width", function(d) { if (d.total != 0) { 

     var min = 2; 
     var max = 16; 
     var val = Math.round((max-min)*(d.count/d.total))+min; 

     return val ; 
     } }); 

Answer 1

Zobacz http://www.w3.org/TR/SVG11/painting.html#MarkerUnitsAttribute.

To, czego oczekujesz, to markerUnits="userSpaceOnUse".