18.11.2017 Views

html5_tutorial

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

HTML5<br />

ctx.arc(75,75,35,0,Math.PI,false);<br />

// Mouth<br />

ctx.moveTo(65,65);<br />

ctx.arc(60,65,5,0,Math.PI*2,true); // Left eye<br />

ctx.moveTo(95,65);<br />

ctx.arc(90,65,5,0,Math.PI*2,true); // Right eye<br />

ctx.stroke();<br />

}<br />

else {<br />

alert('You need Safari or Firefox 1.5+ to see this demo.');<br />

}<br />

}<br />

<br />

<br />

<br />

<br />

<br />

<br />

It will produce the following output:<br />

HTML5 Canvas - Drawing Lines<br />

Line Methods<br />

We require the following methods to draw lines on the canvas:<br />

Sr.No.<br />

Method and Description<br />

71

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!