SVG路径字符串格式

本是古典何须时尚 2022-04-04 11:56 246阅读 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 条评论，246人围观）

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

相关阅读

相关 svg-blob怎么将svg字符串保存为.svg图片

要将SVG字符串保存为.svg图片，你可以使用SVG-Blob库。你可以这样做： 1. 安装SVG-Blob：`npm install svg-blob` 2. 在你

た入场券/ 2024年03月25日 11:14/ 0 赞/ 94 阅读

相关 SVG 路径＜path＞格式指令解析M/L/H/V/C/S/Q/T/A/Z

指令 M = `moveto` L = `lineto` H = `horizontal lineto` V = `vertical lineto

Myth丶恋晨/ 2023年10月07日 19:03/ 0 赞/ 24 阅读

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

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

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

相关 svg Path 路径指令

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

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

相关 Svg Path 绘制路径的语法

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

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

相关 SVG的路径动画效果

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

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

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

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

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

相关 SVG路径字符串格式

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

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

相关 js svg转图片格式

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

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

相关格式字符串

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

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