Skip to main content
Version: 9.0.2

canvas.fillArc

canvas.fill_arc(x, y, radius_x, radius_y, start, end, rotation, color)

Draw a filled arc defined by the center position (x,y), with x radius radius_x, y radius radius_y, start and end angles (start, end), rotation angle rotation, and with the color color. It fills the shape you get by connecting each end of the arc to the center of the ellipse with a straight line.

Parameters

ParameterTypeDescription
xnumberThe x position of the center of the arc.
ynumberThe y position of the center of the arc.
radius_xnumberThe radius in the x direction.
radius_ynumberThe radius in the y direction.
startnumberThe start angle of the arc in degrees clockwise from the positive x axis.
endnumberThe end angle of the arc in degrees clockwise from the positive x axis.
rotationnumberThe rotation angle in degrees clockwise.
colornumberAn RGB color value as an integer value.

Example

//Draw a whole pie and slice of pie on the canvas with the color white
function pie(name) {
var canvas = sb.getCanvas(name);
var x = canvas.width / 2;
var y = canvas.height / 2;
var r = canvas.width / 6;
canvas.fillArc(x, y, r, r, 0, 52, 0, 0xffffff);
canvas.fillArc(x, y, r, r, 60, 352, 0, 0xffffff);
}