Kode berikut ini untuk kanvas dengan tampilan garis putus-putus:
<canvas id="kanvas" width="250" height="150" style="border:2px dashed #ddd;background-color:#eee;" > </canvas>
Hasilnya seperti ini:
Nah, yang ini untuk kanvas dengan tampilan titik-titik:
<canvas id="kanvas" width="250" height="150" style="border:2px dotted #ddd;background-color:#eee;" > </canvas>
Hasilnya seperti ini:
Sedangkan yang ini untuk kanvas dengan garis lurus:
<canvas id="kanvas" width="250" height="150" style="border:2px solid #ddd;background-color:#eee;" > </canvas>
Hasilnya seperti ini:
Oia, penerapan kode tersebut dalam HTML 5 untuk kanvas dengan garis lurus seperti ini:
<!DOCTYPE html> <html> <head> <title>Membuat kanvas created by w3codez</title> </head> <body> <canvas id="kanvas" width="250" height="150" style="border:2px solid #ddd;background-color:#eee;" > </canvas> </body> </html>
Sekian, semoga bermanfaat. Mohon maaf bila ada kesalahan.
No comments:
Post a Comment