Najnowsze tutoriale tworzenie stron internetowych

×

JavaScript Odniesienie

JavaScript

JS Strunowy JS Numer JS operatorzy JS Sprawozdania JS Matematyka JS Data JS Szyk JS Boolean JS RegExp JS Światowy JS Konwersja

Przeglądarka BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokument DOM Elementy DOM Atrybuty DOM Wydarzenia DOM Styl

HTML Przedmioty

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

Inne obiekty

CSSStyleDeclaration

HTML canvas arc() Method

<Płótno Przedmiot

Przykład

Utwórz okrąg:

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke();

Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje metodę.

metoda
arc()	4.0	9.0	3.6	4.0	10,1

Definicja i Wykorzystanie

arc() sposób tworzy kąt / krzywą (used to create circles, or parts of circles) .

Tip: Aby utworzyć okrąg z arc() : Ustaw kąt początkowy na 0 i kąt końcowy do 2 * Math.PI.

Tip: Użyj stroke() lub fill() Metoda faktycznie narysować łuk na płótnie.

łuk

Centrum

arc( 100,75 ,50,0*Math.PI,1.5*Math.PI)

Zacznij kąt

arc(100,75,50, 0 ,1.5*Math.PI)

kąt końcowy

arc(100,75,50,0*Math.PI, 1.5*Math.PI )

Składnia JavaScript:	context . arc( x,y,r,sAngle,eAngle,counterclockwise ) ;

wartości parametrów

Parametr	Opis	Graj
x	X współrzędna środka okręgu	Graj "
y	Y współrzędna środka okręgu	Graj "
r	Promień okręgu	Graj "
sAngle	Kąt wyjściowy w radianach (0 znajduje się w pozycji 3 'zegara na łuku okręgu)	Graj "
eAngle	Kąt kończąc w radianach	Graj "
counterclockwise	Opcjonalny. Określa, czy rysunek powinien być w lewo lub w prawo. Fałsz jest domyślne, i wskazuje w prawo, podczas gdy prawda wskazuje przeciwnie do ruchu wskazówek zegara.	Graj "

<Płótno Przedmiot