当前位置:  开发笔记 > 编程语言 > 正文

SVG多边形舍入

如何解决《SVG多边形舍入》经验,为你挑选了1个好方法。

我正在使用SVG移动/旋转/缩放功能的应用程序上工作。我正在Laravel中对后端进行编程,而前端正在使用html / css / javascript。我在网上看到折线可能具有某种三次方贝塞尔曲线。

现在我的问题是:多边形svg元素是否可以像本例中那样与折线具有相同的立方贝塞尔值?

svg的结构如下:


    
        
        
    

是否可以给多边形元素一个三次方贝塞尔曲线,以便它可以创建一个流体多边形而不是正方形的不倒圆角多边形?



1> Paul LeBeau..:

我认为这里的一些回应有些混乱。

(svg)多边形svg元素与折线具有相同的三次方贝塞尔曲线

最简洁的答案是不。(和)元素始终显示为您提供的坐标之间的直线段序列。无法自动使连接具有半径(如HTML)border-radius。如果那是您要的。

如果直线的笔划宽度较大,则可以选择对直线连接的外角进行圆角处理。

.track {
  fill: none;
  stroke: black;
  stroke-width: 20;
}

.round {
  stroke-linejoin: round;
}

    
    
推荐阅读
低调pasta_730
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有