ctx-circle
draw a circle in 2d html5 canvas
install
npm install ctx-circle
use
api
circle(ctx
, x
, y
, radius
[, reverse
])
ctx
- the CanvasRenderingContext2D to draw the circle onx
- the center of the circle in the x axisy
- the center of the circle in the y axisradius
- the radius of the circle to draw on the canvasreverse
- (optional, default false) whether or not to reverse the direction the circle is drawn in. This is good for holes and such using the canvas winding rules
Note: this module will not call ctx.beginPath
for you.
example
as seen in example.js
var canvas = document;var ctx = canvas;var circle = ;documentbody; canvaswidth = 200;canvasheight = 200; ctx ; ; ctxstrokeStyle = "red"; ctxfillStyle = "orange"; ctx; ctx;
results in: