En son web geliştirme öğreticiler

×

JavaScript Referans

JavaScript

JS sicim JS Numara JS Operatörler JS tablolar JS Matematik JS tarih JS Dizi JS Boole JS RegExp JS global JS dönüştürme

Tarayıcı BOM

Window Navigator Screen History Location

HTML DOM

DOM belge DOM Elementler DOM Nitelikler DOM Olaylar DOM stil

HTML Nesneler

<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>

Diğer Nesneler

CSSStyleDeclaration

HTML canvas stroke() Method

Örnek

harfi L şeklinde bir yol, çizin - kırmızı renkte:

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();

Tarayıcı Desteği

Tablodaki rakamlar tam yöntemini destekleyen ilk tarayıcı sürümü belirtin.

Yöntem
stroke()	4.0	9.0	3.6	4.0	10.1

Tanımı ve Kullanımı

stroke() metodu aslında tüm bu ile tanımladığınız yolunu çizer moveTo() ve lineTo() yöntemlerine. Varsayılan renk siyahtır.

Tip: kullan strokeStyle başka bir renk / gradyanı ile çizmek özellik.

JavaScript sözdizimi:	context . stroke( ) stroke( ) ;