概览
SVG中的
一. 基本属性
- 直线命令：
M（或m）：移动到指定坐标。大写M表示绝对位置，小写m表示相对于当前点的位置。
L（或l）：从当前点画一条直线到指定坐标。
H（或h）：从当前点画一条水平线到指定x坐标。
V（或v）：从当前点画一条垂直线到指定y坐标。
Z（或z）：从当前点画一条直线到路径的起点，闭合路径。不区分大小写。 - 曲线命令：
C（或c）：三次贝塞尔曲线。需要定义一个终点和两个控制点。
S（或s）：平滑三次贝塞尔曲线。基于前一个三次贝塞尔曲线的控制点，创建一个新的三次贝塞尔曲线。
Q（或q）：二次贝塞尔曲线。需要定义一个终点和一个控制点。
T（或t）：平滑二次贝塞尔曲线。基于前一个二次贝塞尔曲线的控制点，创建一个新的二次贝塞尔曲线。
A（或a）：椭圆弧。可以绘制椭圆或圆的一部分。需要指定椭圆的半径、旋转角度、大弧标志、扫掠标志以及终点坐标。
三. 使用示例
- 正方形的多种画法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"
最低0.47元/天 解锁文章
扫一扫
2476
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
