Library
Objects / image
image(img, x, y, width, height, sX, sY, sWidth, sHeight)
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