Shorter sentences for better readability (#27784)
* Shorter sentences for better readability * fix: added front matter block back in
This commit is contained in:
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: SVG Shapes
|
title: SVG Shapes
|
||||||
---
|
---
|
||||||
|
|
||||||
## SVG Shapes
|
## SVG Shapes
|
||||||
|
|
||||||
Several shapes can be created using SVG drawing. An SVG drawing can use and combine seven shapes: Path, Rectangle, Circle, Ellipse, Line, Polyline, and Polygon.
|
Several shapes can be created using SVG drawing. An SVG drawing can use and combine seven shapes: Path, Rectangle, Circle, Ellipse, Line, Polyline, and Polygon.
|
||||||
@ -39,7 +40,7 @@ There are more complicated line commands, which you can read more about on the [
|
|||||||
|
|
||||||
### Rectangle
|
### Rectangle
|
||||||
|
|
||||||
The rectangle element `rect` draws a rectangle on the screen, and it accepts six attributes.
|
The rectangle element `rect` draws a rectangle on the screen. It accepts six attributes.
|
||||||
|
|
||||||
```svg
|
```svg
|
||||||
<rect x="0" y="0" width="100" height="50" rx="10" ry="10" />
|
<rect x="0" y="0" width="100" height="50" rx="10" ry="10" />
|
||||||
@ -69,7 +70,7 @@ Again, `cx` and `cy` assign the position of the center of the ellipse, and now `
|
|||||||
|
|
||||||
### Line
|
### Line
|
||||||
|
|
||||||
The `line` element is simple, and accepts four attributes.
|
The `line` element is simple and accepts four attributes.
|
||||||
|
|
||||||
```svg
|
```svg
|
||||||
<line x1="0" x2="100" y1="50" y2="70" />
|
<line x1="0" x2="100" y1="50" y2="70" />
|
||||||
|
Reference in New Issue
Block a user