Contoh
Menggambar persegi panjang 150 * 100 piksel:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);
Cobalah sendiri " Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.
metode | |||||
---|---|---|---|---|---|
strokeRect() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definisi dan Penggunaan
The strokeRect() metode menggambar persegi panjang (no fill) . Warna default stroke adalah hitam.
Tip: Gunakan strokeStyle properti untuk mengatur warna, gradien, atau pola untuk gaya stroke.
sintaks JavaScript: | context . strokeRect( x,y,width,height ) ; |
---|
Nilai parameter
Parameter | Deskripsi | Mainkan |
---|---|---|
x | Koordinat x dari sudut kiri atas persegi panjang | Mainkan " |
y | Y koordinat sudut kiri atas persegi panjang | Mainkan " |
width | Lebar persegi panjang, dalam piksel | Mainkan " |
height | Ketinggian persegi panjang, dalam piksel | Mainkan " |
<Canvas Object