I am new one in Html5.My Html code is working nicely in browser.But not working in Eclipse.I am using Phonegap foe executing Html code.i put coredoca 2.5.0 jar in libs,and put coredova 2.5.0 JS in assets/www.and then i add library in buildpath like coredova/2.5.0/draw1/libs.and then i put xml folder in res.and i give permissions also. Pls tell how to work in eclipse for android.Thanks in Advance.\[code\]This is my code<html><head><!--[if IE]><script src="http://stackoverflow.com/questions/15515997/excanvas.js"></script><![endif]--></head><script type="text/javascript">var canvas,ctx,flag=false,prevX=0,currX=0,prevY=0,currY=0,dot_flag=false;var x="black",y=2;function init(){ canvas=document.getElementById('can'); ctx=canvas.getContext("2d"); w=canvas.width; h=canvas.height; canvas.addEventListener("mousemove",function(e){ findxy('move',e) },false); canvas.addEventListener("mousedown",function(e){ findxy('down',e) },false); canvas.addEventListener("mouseup",function(e){ findxy('up',e) },false); canvas.addEventListener("mouseout",function(e){ findxy('out',e) },false);} function color(obj){ switch(obj.id) { case "green" : x="green";break; case "blue" : x="blue";break; case "red" : x="red";break; case "yellow" : x="yellow";break; case "orange" : x="orange";break; case "black" : x="black";break; case "white" : x="white";break; } if(x=="white")y=14; else y=2;}function draw(){ ctx.beginPath(); ctx.moveTo(prevX,prevY); ctx.lineTo(currX,currY); ctx.strokeStyle=x; ctx.lineWidth=y; ctx.stroke(); ctx.closePath();}function erase(){ var m=confirm("Want to clear"); if(m) { ctx.clearRect(0,0,w,h); document.getElementById("canvasimg").style.display="none"; }}function save(){ document.getElementById("canvasimg").style.border="2px solid"; var dataURL = canvas.toDataURL(); document.getElementById("canvasimg").src = http://stackoverflow.com/questions/15515997/dataURL; document.getElementById("canvasimg").style.display="inline"; }function findxy(res,e){ if(res=='down') { prevX=currX;prevY=currY; currX=e.clientX-canvas.offsetLeft; currY=e.clientY-canvas.offsetTop; flag=true; dot_flag=true; if(dot_flag) { ctx.beginPath(); ctx.fillStyle=x; ctx.fillRect(currX,currY,2,2); ctx.closePath(); dot_flag=false; } } if(res=='up'||res=="out") { flag=false; } if(res=='move') { if(flag) { prevX=currX; prevY=currY; currX=e.clientX-canvas.offsetLeft; currY=e.clientY-canvas.offsetTop; draw(); } }}</script><style type="text/css" media="screen">canvas { background:url(Japanese_Hiragana_A.png) }</style><body onload="init()"> <canvas id="can" width="600"height="500" style="position:absolute;top:10%;left:10%;border:2px solid;"></canvas> <div style="position:absolute;top:12%;left:43%;">Choose Color</div> <div style="position:absolute;top:15%;left:45%;width:10px;height:10px;background:green;" id="green" onclick="color(this)"></div> <div style="position:absolute;top:15%;left:46%;width:10px;height:10px;background:blue;" id="blue" onclick="color(this)"></div> <div style="position:absolute;top:15%;left:47%;width:10px;height:10px;background:red;" id="red" onclick="color(this)"></div> <div style="position:absolute;top:17%;left:45%;width:10px;height:10px;background:yellow;" id="yellow" onclick="color(this)"></div> <div style="position:absolute;top:17%;left:46%;width:10px;height:10px;background
range;" id="orange" onclick="color(this)"></div> <div style="position:absolute;top:17%;left:47%;width:10px;height:10px;background:black;" id="black" onclick="color(this)"></div> <div style="position:absolute;top:20%;left:43%;">Eraser</div> <div style="position:absolute;top:22%;left:45%;width:15px;height:15px;background:white;border:2px solid;" id="white" onclick="color(this)"></div> <img id="canvasimg"style="position:absolute;top:10%;left:52%;" style="display:none;"> <input type="button" value="http://stackoverflow.com/questions/15515997/save" id="btn" size="30" onclick="save()"style="position:absolute;top:55%;left:10%;"> <input type="button" value="http://stackoverflow.com/questions/15515997/clear" id="clr" size="23" onclick="erase()"style="position:absolute;top:55%;left:15%;"></body></html>\[/code\]
range;" id="orange" onclick="color(this)"></div> <div style="position:absolute;top:17%;left:47%;width:10px;height:10px;background:black;" id="black" onclick="color(this)"></div> <div style="position:absolute;top:20%;left:43%;">Eraser</div> <div style="position:absolute;top:22%;left:45%;width:15px;height:15px;background:white;border:2px solid;" id="white" onclick="color(this)"></div> <img id="canvasimg"style="position:absolute;top:10%;left:52%;" style="display:none;"> <input type="button" value="http://stackoverflow.com/questions/15515997/save" id="btn" size="30" onclick="save()"style="position:absolute;top:55%;left:10%;"> <input type="button" value="http://stackoverflow.com/questions/15515997/clear" id="clr" size="23" onclick="erase()"style="position:absolute;top:55%;left:15%;"></body></html>\[/code\]