Objects / image
image(img, x, y, width, height, sX, sY, sWidth, sHeight)
image(image img, float x, float y)
image(image img, float x, float y, float width, float height)
image(image img, float x, float y, float width, float height, float sX, float sY, float sWidth, float sHeight)
image(object parameters)

Create a jCanvaScript object,which places images on a canvas.
image(image img, float x, float y)
Code
<script type="text/javascript">
	function onload_1(idCanvas)
	{	
		var img=new Image();
		img.src="/data/images/logo.png";
		img.onload=function(){
		jc.start(idCanvas);
		jc.image(img,100,100);
		jc.start(idCanvas);}
	}
</script>
<canvas id="canvas_1" width="250px" height="265px">
</canvas>
View
image(image img, float x, float y, float width, float height)
Code
<script type="text/javascript">
	function onload_2(idCanvas)
	{
		var img=new Image();
		img.src="/data/images/logo.png";
		img.onload=function(){
		jc.start(idCanvas);
		jc.image(img,100,100,25,32);
		jc.start(idCanvas);}
	}
</script>
<canvas id="canvas_2" width="250px" height="265px">
</canvas>
View
image(image img, float x, float y, float width, float height, float sX, float sY, float sWidth, float sHeight)
Code
<script type="text/javascript">
	function onload_3(idCanvas)
	{
		var img=new Image();
		img.src="/data/images/logo.png";
		img.onload=function(){
		jc.start(idCanvas);
		jc.image(img,50,50);
		jc.rect(75, 82, 24, 24, '#FF0000');
		jc.image(img,140,140,48,48,25,32,24,24);
		jc.start(idCanvas);}
	}
</script>
<canvas id="canvas_3" width="250px" height="265px">
</canvas>
View
image(object parameters)
Code
<script type="text/javascript">
	function onload_4(idCanvas)
	{
		var img=new Image();
		img.src="/data/images/logo.png";
		img.onload=function(){
		jc.start(idCanvas);
		jc.image(img,50,50);
		jc.rect(75, 82, 24, 24, '#FF0000');
		jc.image({image:img,x:140,y:140,width:48,height:48,sx:25,sy:32,swidth:24,sheight:24});
		jc.start(idCanvas);}
	}
</script>
<canvas id="canvas_4" width="250px" height="265px">
</canvas>
View