tutorial pengembangan web terbaru

×

JavaScript Referensi

JavaScript

JS Tali JS Jumlah JS operator JS laporan JS matematika JS Tanggal JS susunan JS boolean JS RegExp JS Global JS Konversi

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokumen DOM elemen DOM atribut DOM Acara DOM Gaya

HTML benda

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Objek lainnya

CSSStyleDeclaration

HTML canvas stroke() Method

Contoh

Menggambar jalur, berbentuk seperti huruf L - dalam warna merah:

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.strokeStyle="red";
ctx.stroke();

Cobalah sendiri "

Dukungan Browser

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

metode
stroke()	4.0	9.0	3.6	4.0	10.1

Definisi dan Penggunaan

The stroke() metode benar-benar menarik jalan yang sudah Anda tetapkan dengan semua moveTo() dan lineTo() metode. Warna default hitam.

Tip: Gunakan strokeStyle properti untuk menggambar dengan warna lain / gradien.

sintaks JavaScript:	context . stroke( ) stroke( ) ;