12 Gambar 6. Output dari penggunaan lineCap round, square dan butt Referensi image : screenshot dari hasil program Selanjutnya kita akan masuk pada pembahasan Arcs (lengkungan). Arcs ini akan berfungsi ketika kita ingin membuat gambar seperti pelangi, orang tersenyum atau sebuah diagram. Berikut ini code untuk membuat arcs pada canvas. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5 Canvas</title> </head> <body> <canvas id="canvas" width="300" height="150" style="border:1px solid #DC143C;"> </canvas> <script type="text/javascript"> var cvs = document.getElementById("canvas"); var ctx = cvs.getContext("2d");
RkJQdWJsaXNoZXIy MTM3NDc5MQ==