tutorial pengembangan web terbaru
 

HTML canvas lineCap Propery

<Canvas Object

Contoh

Menggambar garis dengan topi akhir bulat:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineCap="round";
ctx.moveTo(20,20);
ctx.lineTo(20,200);
ctx.stroke();
Cobalah sendiri "

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.

Milik
lineCap 4.0 9.0 3.6 4.0 10.1

Definisi dan Penggunaan

The lineCap set properti atau mengembalikan gaya topi akhir untuk garis.

Note: Nilai "round" dan "square" membuat garis sedikit lebih panjang.

nilai default: pantat
sintaks JavaScript: context .lineCap="butt|round|square";

Nilai properti

Nilai Deskripsi Mainkan
butt Default. Sebuah tepi rata ditambahkan ke setiap akhir baris Mainkan "
round Sebuah topi ujung bulat ditambahkan ke setiap akhir baris Mainkan "
square Sebuah topi akhir persegi ditambahkan ke setiap akhir baris Mainkan "

<Canvas Object