Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
En vedette (20)
Similaire à Canvas - HTML 5
Similaire à Canvas - HTML 5 (20)
Dernier
Dernier (20)
Canvas - HTML 5
- 2. The HTML5 <canvas> element is used to draw graphics, on the fly, via scripting (usually JavaScript).
- 3. Browser Support • Internet Explorer 9+, Firefox, Opera, Chrome, and Safari
- 4. HTML5 Canvas Template <body> <canvas id="myCanvas" width="500" height="250"></canvas> <script> var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); // do stuff here </script> </body>
- 5. • To draw a line using HTML5 Canvas, we can use the beginPath(), moveTo(), lineTo(), and stroke() methods.
- 8. HTML5 Canvas Line Width Tutorial • To define the width of an HTML5 Canvas line, we can use the lineWidth property of the canvas context. The lineWidth property must be set before calling stroke().
- 9. context.beginPath(); context.moveTo(100, 150); context.lineTo(450, 50); context.lineWidth = 15; context.stroke();
- 10. HTML5 Canvas Line Color // set line color context.strokeStyle = '#ff0000'; context.stroke();