SVG路径字符串格式

本是古典何须时尚 2022-04-04 11:56 224阅读 0赞

<table> 
 <thead> 
  <tr> 
   <th>命令</th> 
   <th>名称</th> 
   <th>参数</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>M</td> 
   <td>移动到（moveTo）</td> 
   <td>(x y)+</td> 
  </tr> 
  <tr> 
   <td>Z</td> 
   <td>闭合路径（closepath）</td> 
   <td>(none)</td> 
  </tr> 
  <tr> 
   <td>L</td> 
   <td>直线（lineTo）</td> 
   <td>(x y)+</td> 
  </tr> 
  <tr> 
   <td>H</td> 
   <td>水平直线</td> 
   <td>x+</td> 
  </tr> 
  <tr> 
   <td>V</td> 
   <td>垂直直线</td> 
   <td>y+</td> 
  </tr> 
  <tr> 
   <td>C</td> 
   <td>曲线（curveto）</td> 
   <td>(x1 y1 x2 y2 x y)+</td> 
  </tr> 
  <tr> 
   <td>S</td> 
   <td>平滑曲线</td> 
   <td>(x2 y2 x y)+</td> 
  </tr> 
  <tr> 
   <td>Q</td> 
   <td>二次贝赛尔曲线</td> 
   <td>(x1 y1 x y)+</td> 
  </tr> 
  <tr> 
   <td>T</td> 
   <td>平滑二次贝塞尔曲线</td> 
   <td>(x y)+</td> 
  </tr> 
  <tr> 
   <td>A</td> 
   <td>椭圆弧</td> 
   <td>(rx ry x-axis-rotation large-arc-flag sweep-flag x y)+</td> 
  </tr> 
  <tr> 
   <td>R</td> 
   <td><a href="http://en.wikipedia.org/wiki/Catmull%E2%80%93Rom_spline#Catmull.E2.80.93Rom_spline" rel="nofollow">Catmull-Rom 曲线</a>*</td> 
   <td>x1 y1 (x y)+</td> 
  </tr> 
 </tbody> 
</table>

\* “Catmull-Rom 曲线”不是标准SVG命令，在2.0版时被加入。  
注：有种特殊情况，路径只包含三个命令：“M10,10R…z”。在这种情况下，路径将平滑连接到它的起点。

更多：[http://www.w3.org/TR/SVG/paths.html\#PathData][http_www.w3.org_TR_SVG_paths.html_PathData]

[http_www.w3.org_TR_SVG_paths.html_PathData]: http://www.w3.org/TR/SVG/paths.html#PathData

发表评论取消回复

表情：

评论列表（有 0 条评论，224人围观）

还没有评论，来说两句吧...

相关阅读

相关 SVG格式图片转成HTML中SVG的Path路径

svg的图片右键-记事本打开 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNz

快来打我*/ 2022年10月17日 10:54/ 0 赞/ 196 阅读

相关 svg Path 路径指令

PATH十种指令：括号内为相应参数，详细解释见后文。 M = moveto(M X,Y) L = lineto(L X,Y) H = horizontal lin

╰半夏微凉°/ 2022年09月22日 11:52/ 0 赞/ 258 阅读

相关 Svg Path 绘制路径的语法

示例： <svg> <path d="M 100 100 L 300 100 L 200 300 z" fill="red"

向右看齐/ 2022年09月04日 05:53/ 0 赞/ 205 阅读

相关 SVG的路径动画效果

[![2dae5d63-adc7-4832-97f1-493ff9fc2e37.jpg][]][2dae5d63-adc7-4832-97f1-493ff9fc2e37.jpg

悠悠/ 2022年08月14日 02:59/ 0 赞/ 178 阅读

相关【svg】svg动画

如果你之前没有接触过svg，可以看下这个简略图：[ https://www.processon.com/view/link/5ae205a2e4b0411f64d1f65a][

àì夳堔傛蜴生んèń/ 2022年05月18日 07:51/ 0 赞/ 322 阅读

相关字符串格式时间转为字符串格式

/ 字符串时间格式化 @param s 原始字符串时间（需要是yyyy-MM-dd HH:mm:ss格式） @return / public st

╰+哭是因爲堅強的太久メ/ 2022年05月14日 02:49/ 0 赞/ 288 阅读

相关 SVG路径字符串格式

<table> <thead> <tr> <th>命令</th> <th>名称</th> <th>参数</th> </tr> </t

本是古典何须时尚/ 2022年04月04日 11:56/ 0 赞/ 225 阅读

相关 DateTime 格式字符串

标准 DateTime 格式字符串详见：[http://msdn.microsoft.com/zh-cn/library/az4se3k1(VS.80).aspx][htt

灰太狼/ 2021年12月20日 23:53/ 0 赞/ 273 阅读

相关 js svg转图片格式

1.情景展示　　闲来无事的时候，发现chrome扩展程序里面有图像，本想下载下来，却发现文件格式是svg格式，如何将svg文件改成图片格式？ chrome-ex

亦凉/ 2021年11月09日 06:20/ 0 赞/ 680 阅读

相关格式字符串

String str = "123" 参考方法一： static String format(String format, Object… args) for

约定不等于承诺〃/ 2021年10月14日 04:34/ 0 赞/ 395 阅读