gpt4 book ai didi

svg - 如何防止 SVG 标记(箭头)继承路径的笔画宽度?

转载 作者:行者123 更新时间:2023-12-04 00:56:42 26 4
gpt4 key购买 nike

我有不同边缘厚度的箭头,但是我希望箭头(svg 标记)具有相同的大小,即不根据路径的笔划宽度调整大小。我能做什么?

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 ;
} });

最佳答案

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

你似乎想要的是markerUnits="userSpaceOnUse" .

关于svg - 如何防止 SVG 标记(箭头)继承路径的笔画宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13626748/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com