如何在SVG中绘制S曲线？
阿迪亚五世
请帮助我使用SVG绘制类似的内容。
<svg class="slide__overlay" viewbox="0 0 100 100" preserveAspectRatio="none"><path class="slide__overlay-path" d="M0,0 L100,0 C25,50 50,75 0,100z" /></svg>
我从一个老问题得到了这段代码。但是我需要旋转这个。
谢谢
亚历山大·TT
为了精确地重复如图所示的曲线形状，需要将图像加载到矢量编辑器中。并沿着轮廓画出节点
将文件另存为SVG。并仅将路径复制到另一个文件
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100vw" height="100vh" viewBox="0 0 688 535" preserveAspectRatio="xMinYMin meet">
<path d="m4.8 11.6c0 0 34.3 55.4 56.1 79.3 25.6 28.2 55.7 52.3 86.6 74.5 36.1 26 75.7 46.7 114.6 68.1 26.5 14.5 54 27.3 81 40.9 27 13.6 54.2 26.8 81 40.9 23.2 12.2 46.6 23.9 68.9 37.7 27.6 17 54.9 35 80.1 55.3 25.6 20.6 50.3 42.7 72.1 67.3 13.2 14.9 35.3 48.1 35.3 48.1H4.8Z" style="fill:#5B7E95;stroke:none"/>
</svg>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在cocos2dx中绘制任意曲线
- 2
如何在css中的矩形顶部绘制曲线？仅在顶部边缘
- 3
如何在SVG中绘制此形状？
- 4
如何在画布上绘制内嵌svg（在DOM中）？
- 5
如何在Android中绘制曲线？
- 6
如何在python中绘制没有曲线的单个点？
- 7
如何在R的能量图中绘制曲线？
- 8
如何在Scikit-Learn中绘制PR曲线超过10倍的交叉验证
- 9
如何在Android中绘制贝塞尔曲线
- 10
如何在SVG中绘制带边框的圆？
- 11
如何在R中绘制拷贝数变化曲线？
- 12
如何在pgfplots中绘制平滑曲线？以及如何删除y轴刻度线？
- 13
如何在pROC中以置信区间绘制多个roc曲线？
- 14
如何在R中绘制泊松密度曲线？
- 15
如何在React中绘制SVG onclick
- 16
如何在加工中绘制高斯曲线
- 17
如何在一张图像中绘制曲线和直线？
- 18
如何在XAML中绘制曲线？
- 19
如何在Android中绘制功能曲线？
- 20
如何在Android中的Canvas上绘制尖锐的曲线和斜线
- 21
如何在R中突破y数据范围绘制“多”曲线？
- 22
如何在MATLAB中仅绘制拟合曲线？
- 23
如何在R中绘制曲线的渐近线？
- 24
如何在UIView中绘制贝塞尔曲线
- 25
如何在SVG中绘制垂直线
- 26
如何在Swift中绘制余弦或正弦曲线？
- 27
如何在 WPF 中仅绘制 Bezier 曲线的一部分？
- 28
如何在A帧中绘制曲线？
- 29
通过示例了解如何绘制 SVG 贝塞尔曲线
我来说两句