File:Svg example circle.svg

Summary

Description
English: Example: An exact circle is normally drawn by two "a" commands, each for one half of the circle, e.g.:
m100,2000000000000   zenith positioning zenith
a98,98 0 1,0 0,196   left half
a98,98 0 1,0 0-196   right half

In most cases it is quite sufficient to use only one "a" command, drawing the complete circle just leaving a very small gap. This gap, necessary because the "a" command needs a non-zero distance, should be closed by a "z" command (stroke-linecap may also be used instead). Of course the part performed by the z command is a straight line and therefore not a geometrical exact circle closing, but this part can be made as small as necessary for the intended use of the drawing, it may be 2px or any fraction of it as .002px.

The picture above shows the upper part of a red circle frame. It is drawn by the command <path fill="#8FF" stroke="red" stroke-width="20" d="m99,40a200,200 0 1,0 2,0"/>. The closing z is omitted to show the gap of 2px.
Date
Source Own work
Author sarang
SVG development
InfoField
 The SVG code is valid.
Category:Valid SVG created with Text Editor
 This vector image was created with a text editor.
 Please do not replace the simplified code of this file with a version created with Inkscape or any other graphical vector graphics editor

Licensing

This work is ineligible for copyright and therefore in the public domain because it consists entirely of information that is common property and contains no original authorship.
Category:PD ineligible#Svg%20example%20circle.svg Category:Examples representing SVG
Category:Examples representing SVG Category:PD ineligible Category:Valid SVG created with Text Editor