ps形状工具如何用
更新时间:2023-12-101. 矩形/圆角矩形
使用矩形工具可以创建一个简单的矩形或圆角矩形。下面是一个简单的示例:
<svg width="100" height="100"> <rect x="10" y="10" width="80" height="80" rx="10" ry="10" /> </svg>
代码中,使用<rect>
元素创建矩形,属性x
和y
用于确定其位置,width
和height
用于定义其大小,rx
和ry
是可选属性,用于定义圆角的半径。
2. 多边形
多边形工具可以创建一个简单的多边形。下面是一个使用多边形工具创建六边形的示例:
<svg width="100" height="100"> <polygon points="25,10 10,40 25,70 75,70 90,40 75,10" /> </svg>
代码中,使用<polygon>
元素创建多边形,属性points
用于定义其顶点坐标。
3. 椭圆/圆形
椭圆和圆形工具可以创建椭圆和圆形。下面是一个简单的示例:
<svg width="100" height="100"> <ellipse cx="50" cy="50" rx="40" ry="20" /> </svg>
代码中,使用<ellipse>
元素创建椭圆或圆形,属性cx
和cy
用于确定其位置,rx
和ry
用于定义其大小。
4. 线段
线段工具可以创建一条简单的线段。下面是一个示例:
<svg width="100" height="100"> <line x1="10" y1="10" x2="90" y2="90" /> </svg>
代码中,使用<line>
元素创建线段,属性x1
、y1
和x2
、y2
用于确定其起点坐标和终点坐标。