有人能告诉我如何使用路径“d”属性绘制菱形吗?我正在尝试将菱形附加到图表边缘的末尾。我找不到任何好的例子..我目前有:
var marker = parent.append("marker")
.attr("id", id)
.attr("viewBox", "0 0 10 10")
.attr("refX", 11)
.attr("refY", 5)
.attr("markerUnits", "strokeWidth")
.attr("markerWidth", 7)
.attr("markerHeight", 7)
.attr("orient", "auto");
var path = marker.append("path")
// trying to draw a diamond here
.attr("d", "M 0 0 A 200 400 30 1 0 600 200")
.style("stroke-width", 1)
.style("stroke-dasharray", "1,0")
.style("fill", "red")
.style("stroke", "black");
最佳答案
这是一个菱形。我不知道为什么你的问题中有一个椭圆弧,因为你只需要菱形的线。
var path = d3.select("svg")
.append("path")
// trying to draw a diamond here
.attr("d", "M 50 0 100 100 50 200 0 100 Z")
.style("stroke-width", 1)
.style("stroke-dasharray", "1,0")
.style("fill", "red")
.style("stroke", "black");
html, body {
height: 100%;
width: 100%;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<svg width="100%" height="100%"></svg>
关于javascript - 如何绘制路径为 "d"属性的菱形?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37817907/