Functions / draggable
draggable([object], [parameters], [fn])
draggable( )
draggable(object parameters)
draggable(string 'self')
draggable(string 'clone')
draggable(jCanvaScript object)
draggable(string 'self', object parameters)
draggable(string 'clone', object parameters)
draggable(jCanvaScript object, object parameters)
draggable(jCanvaScript object, object parameters, function fn)

allows you to drag objects on canvas
draggable( )
return: object
Code
<script type="text/javascript">	
	function onload_1(idCanvas)
	{
		jc.start(idCanvas,true);
		jc.circle(100,120,50,true)
			.draggable();
	}	
</script>
<canvas id="canvas_1" width="250px" height="265px">
</canvas>
View
draggable(object parameters)
return: object
Code
<script type="text/javascript">	
	function onload_2(idCanvas)	
	{	
		jc.start(idCanvas,true);
		jc.circle(55,120,50,'rgba(255,0,0,0.5)',1)
			.draggable({
				object: 'self',
				disabled:false,
				start:function(){
					this.color('#000000');
				},
				stop:function(){
					this.color('#ff0000');
				},
				drag:function(){
				var opacity = Math.random();
				this.opacity(opacity);
			}});
	}
</script>
<canvas id="canvas_2" width="250px" height="265px">
</canvas>
View
draggable(string 'self')
return: object
Code
<script type="text/javascript">
        function onload_3(idCanvas)
        {
                jc.start(idCanvas,true);
                jc.circle(100,120,50,true)
                        .draggable('self');
        }    
</script>
<canvas id="canvas_3" width="250px" height="265px">
</canvas>
View
draggable(string 'clone')
return: object
Code
<script type="text/javascript">
        function onload_4(idCanvas)
        {
                jc.start(idCanvas,true);
                jc.circle(100,120,50,true)
                        .draggable('clone');
        }    
</script>
<canvas id="canvas_4" width="250px" height="265px">
</canvas>
View
draggable(jCanvaScript object)
return: object
Code
<script type="text/javascript">
        function onload_5(idCanvas)
        {
                jc.start(idCanvas,true);
                var drag_5=jc.circle(100,120,20,'#ff0000',true);
                jc.circle(100,120,50,true)
                        .draggable(drag_5.up());
        }    
</script>
<canvas id="canvas_5" width="250px" height="265px">
</canvas>
View
draggable(string 'self', object parameters)
return: object
Code
<script type="text/javascript">
        function onload_6(idCanvas)
        {
                jc.start(idCanvas,true);
                jc.circle(100,120,50,true)
                        .draggable('self',{color:'#ff0000'});
        }    
</script>
<canvas id="canvas_6" width="250px" height="265px">
</canvas>
View
draggable(string 'clone', object parameters)
return: object
Code
<script type="text/javascript">
        function onload_7(idCanvas)
        {
                jc.start(idCanvas,true);
                jc.circle(100,120,50,true)
                        .draggable('clone',{color:'#ff0000'});
        }    
</script>
<canvas id="canvas_7" width="250px" height="265px">
</canvas>
View
draggable(jCanvaScript object, object parameters)
return: object
Code
<script type="text/javascript">
        function onload_8(idCanvas)
        {
                jc.start(idCanvas,true);
                var drag_8=jc.circle(100,120,20,'#ff0000',true);
                jc.circle(100,120,50,true)
                        .draggable(drag_8.up(),{radius:30,color:'#ffff00'});
        }    
</script>
<canvas id="canvas_8" width="250px" height="265px">
</canvas>
View
draggable(jCanvaScript object, object parameters, function fn)
return: object
Code
<script type="text/javascript">	
	function onload_9(idCanvas)	
	{	
		jc.start(idCanvas,true);
		jc.circle(55,120,50,'rgba(255,0,0,0.5)',1)
			.draggable(function(){
				var opacity = Math.random();
				this.opacity(opacity);
			});
	}
</script>
<canvas id="canvas_9" width="250px" height="265px">
</canvas>
View