svgd3中的边界半径

我有以下建议：

    ` svg.append('g')
       .append("path")
        .attr("d", "M 0 150 L 0 0 L 190 0 L 190 150 Z")
        .attr("fill", "#f6f6f6"); `

像这样：

但我想这样：

---

我对svg曲线不太了解。如何设置这样的边界半径？

使用二次贝塞尔路径完成：

svg{
背景色：#aaa；
}

---

您可以在此处找到路径的详细描述：

圆角的最简单方法是二次贝塞尔路径。 例如，如果需要以近似半径r圆右上角，且角的坐标为x和y，则路径如下所示：

移动到（M）/行到（L）/水平行（H）到x-r，y

二次贝塞尔（Q）到x，y+r通过x，y

直线到（L）/垂直线（V）到下一点

---

例如，如果半径为20，角点位于点100100，则路径将为H 80100 Q 100100 100120 V…

感谢您的努力。但我不知道这里发生了什么，你能解释一下或者给我一些教程来了解路径吗。因为我还需要svg，比如右上边框、左下边框和右下边框。我在上面添加了图片。再次感谢。@AshiqurRahman，刚刚发布了另一个关于圆角的答案。看一看，祝你好运！我研究并观看了YouTube上的视频，但我没有正确地解决它。但是我非常需要这个。你能帮我个忙吗？你能给我提供另外三个吗。我将非常感谢你。非常感谢。