Library
Objects / circle
circle(x, y, radius, [color], [fill])
Create a jCanvaScript object,which draws a circle on canvas
circle(float x, float y, float radius)
Code
<script type="text/javascript">
function onload_1(idCanvas)
{
jc.start(idCanvas);
jc.circle(100,120,50);
jc.start(idCanvas);
}
</script>
<canvas id="canvas_1" width="250px" height="265px">
</canvas>
View
circle(float x, float y, float radius, string color)
Code
<script type="text/javascript">
function onload_2(idCanvas)
{
jc.start(idCanvas);
jc.circle(100,120,50,'rgba(255,0,0,0.5)');
jc.circle(150,120,50,'rgb(0,255,0)');
jc.circle(125,140,50,'#0000ff');
jc.start(idCanvas);
}
</script>
<canvas id="canvas_2" width="250px" height="265px">
</canvas>
View
circle(float x, float y, float radius, bool fill)
Code
<script type="text/javascript">
function onload_3(idCanvas)
{
jc.start(idCanvas);
jc.clear(idCanvas);
jc.circle(100,120,50,true);
jc.circle(150,120,50,false);
jc.start(idCanvas);
}
</script>
<canvas id="canvas_3" width="250px" height="265px">
</canvas>
View
circle(float x, float y, float radius, string color, bool fill)
Code
<script type="text/javascript">
function onload_4(idCanvas)
{
jc.start(idCanvas);
jc.circle(150,120,50,'rgb(0,255,0)',true);
jc.circle(100,120,50,'rgba(255,0,0,0.5)',true);
jc.circle(125,140,50,'#0000ff',true);
jc.start(idCanvas);
}
</script>
<canvas id="canvas_4" width="250px" height="265px">
</canvas>
View
circle(object parameters)
Code
<script type="text/javascript">
function onload_5(idCanvas)
{
jc.start(idCanvas);
jc.circle({x:100,y:120,radius:50,color:'#ff0000',fill:1});
jc.start(idCanvas);
}
</script>
<canvas id="canvas_5" width="250px" height="265px">
</canvas>
View