我正在使用SVG移动/旋转/缩放功能的应用程序上工作。我正在Laravel中对后端进行编程,而前端正在使用html / css / javascript。我在网上看到折线可能具有某种三次方贝塞尔曲线。
现在我的问题是:多边形svg元素是否可以像本例中那样与折线具有相同的立方贝塞尔值?
svg的结构如下:
是否可以给多边形元素一个三次方贝塞尔曲线,以便它可以创建一个流体多边形而不是正方形的不倒圆角多边形?
我认为这里的一些回应有些混乱。
(svg)多边形svg元素与折线具有相同的三次方贝塞尔曲线
最简洁的答案是不。
(和
)元素始终显示为您提供的坐标之间的直线段序列。无法自动使连接具有半径(如HTML)border-radius
。如果那是您要的。
如果直线的笔划宽度较大,则可以选择对直线连接的外角进行圆角处理。
.track {
fill: none;
stroke: black;
stroke-width: 20;
}
.round {
stroke-linejoin: round;
}