Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我可以在SVG中获得直线和曲线之间的平滑过渡吗?_Svg - Fatal编程技术网

我可以在SVG中获得直线和曲线之间的平滑过渡吗?

我可以在SVG中获得直线和曲线之间的平滑过渡吗?,svg,Svg,所以在svg中,如果我这样做了 <path d="M30 100 Q 80 30, 100 100 T 200 80" fill="none" stroke="black"/> 它平滑现有的贝塞尔曲线端点,以生成另一条贝塞尔曲线,该曲线的端点在T 所以在这种情况下,T之前的曲线必须是贝塞尔曲线,我能在第一条曲线是直线的情况下达到效果吗 我知道我可以用三次贝塞尔和二次贝塞尔来做 只是想知道在这种情况下是否有一些快捷方式,我希望贝塞尔曲线平滑地从一条直线开始或者作为任何类型路径的延

所以在svg中,如果我这样做了

<path d="M30 100 Q 80 30, 100 100 T 200 80" fill="none" stroke="black"/>

它平滑现有的贝塞尔曲线端点,以生成另一条贝塞尔曲线,该曲线的端点在
T

所以在这种情况下,
T
之前的曲线必须是贝塞尔曲线,我能在第一条曲线是直线的情况下达到效果吗

我知道我可以用三次贝塞尔和二次贝塞尔来做


只是想知道在这种情况下是否有一些快捷方式,我希望贝塞尔曲线平滑地从一条直线开始或者作为任何类型路径的延伸

您可以使用如下路径命令绘制一条直线:


您还可以使用二次Bézier绘制相同的线。这个想法是得到这条线上一个点的坐标:在这个例子中,我使用x:50,y:50


现在您可以使用T命令:

svg{border:1px solid}
路径{填充:无;笔划:黑色;}

对于
S/S
命令:“如果没有先前的命令,或者如果先前的命令不是C、C、S或S,则假设第一个控制点与当前点重合。”,对于
T/T
命令来说,这是等效的。Grafical编辑器在其UI中提供了这些限制。@ccprog这非常有用,非常感谢