adding arc to svg

master
Matt Huntington 9 years ago
parent a4d4c72215
commit 4ecac26fc6

@ -168,6 +168,27 @@ Can use font-family and font-size CSS styling
<g></g> <g></g>
``` ```
## Arc
An arc is a command that you can add to a path that will draw part of an ellipse.
```
A rx ry x-axis-rotation large-arc-flag sweep-flag x y
```
- A - create an arc draw command
- rx - x radius
- ry - y radius
- x-axis-rotation - rotate ellipse a certain number of degrees
- large-arc-flag - whether or not to travel along arc for more than 180 degrees
- sweep-flag - whether to move clock-wise or not
- x - destination x value
- y - destination y value
![flags](https://developer.mozilla.org/@api/deki/files/345/=SVGArcs_Flags.png)
Play with the values here: http://codepen.io/lingtalfi/pen/yaLWJG
## Documentation ## Documentation
https://developer.mozilla.org/en-US/docs/Web/SVG/Element https://developer.mozilla.org/en-US/docs/Web/SVG/Element

Loading…
Cancel
Save