Mafunzo ya CodeW3C ya Kijana
Mafunzo ya HTML
Skripti ya Mfano wa Kifungu
Skripti ya Mfano wa Mwili
Mafunzo ya Programming
Mafunzo ya XML
Makala ya Kureja
Makala ya Mbinu
Jadwala la Kazi
Kitabu cha Mwongozo cha JS
Kitabu cha Mwongozo cha JS (mfululizo wa kikundi)
Kitabu cha Mwongozo cha JS (mfululizo wa heri)
JavaScript
Array ya JS
Boolean ya JS
Class ya JS
Date ya JS
Kifo cha JS
Global ya JS
JSON ya JS
Map ya JS
Math ya JS
Number ya JS
Promise ya JS
RegExp ya JS
Set ya JS
Mwili wa String ya JS
Mwili wa JS
Operator ya JS
Muundo wa Mfano wa Operator ya JS
Inaonyesha ya JS
Makundi ya Mwili wa JS
Window
Mtuaji wa Window
Console ya Window
History ya Window
Location ya Window
Navigator ya Window
Screen ya Window
DOM ya HTML
Dokumento wa HTML
Mfano wa HTML
Mafupi ya HTML
Event ya HTML
Mwele wa Event ya HTML
Collection ya HTML
NodeList ya HTML
DOMTokenList ya HTML
Style ya HTML
Web API
API ya Canvas
API ya Console
API ya Fetch
API ya Fullscreen
API ya Geolocation
API ya History
API ya MediaQueryList
API ya Storage
API ya Validation
API ya Web
HTML mwele wa kuzingatia
<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>
<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>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<tfoot>
<th>
<thead>
<tr>
</a></li> <li><a href="/sw/jsref/dom_obj_time.html" title="HTML DOM Kifaa cha Time"><time></a></li> <li><a href="/sw/jsref/dom_obj_title.html" title="HTML DOM Kifaa cha Title"><title></a></li> <li><a href="/sw/jsref/dom_obj_track.html" title="HTML DOM Kifaa cha Track"><track></a></li> <li><a href="/sw/jsref/dom_obj_u.html" title="HTML DOM Kifaa cha Underline"><u></a></li> <li><a href="/sw/jsref/dom_obj_ul.html" title="HTML DOM Kifaa cha Ul"><ul></a></li> <li><a href="/sw/jsref/dom_obj_var.html" title="HTML DOM Kifaa cha Variable"><var></a></li> <li><a href="/sw/jsref/dom_obj_video.html" title="HTML DOM Kifaa cha Video"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/sw/jsref/obj_cssstyledeclaration.html" title="Kifaa cha CSSStyleDeclaration">CSSStyleDeclaration</a></li> <li><a href="/sw/jsref/jsref_type_conversion.html" title="Muungano wa Aina wa JavaScript">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Kiboxi cha CodeW3C.com">Kiboxi cha CodeW3C.com</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>Canvas bezierCurveTo() 方法</h1> <div class="btn-toref"> <p><a href="/sw/jsref/api_canvas.html">Mado ya Canvas</a></p> </div> <div> <h2>定义和用法</h2> <p><code>bezierCurveTo()</code> 方法通过使用表示三次贝塞尔曲线的指定控制点，向当前路径添加一个点。</p> <p class="tip"><span>提示：</span>三次贝塞尔曲线需要三个点。前两个点是用于三次贝塞尔计算中的控制点，第三个点是曲线的结束点。曲线的开始点是当前路径中最后一个点。如果路径不存在，那么请使用 <a href="/sw/tags/canvas_beginpath.html" title="Kitengo cha beginPath() kwa canvas cha HTML5">beginPath()</a> 和 <a href="/sw/tags/canvas_moveto.html" title="Kitengo cha moveTo() kwa canvas cha HTML5">moveTo()</a> 方法来定义开始点。</p> <img src="/i/beziercurve.gif" alt="Mashambulizi ya Kifupi cha Bezier" /> <ul> <li>开始点：moveTo(<code>20</code>,<code>20</code>)</li> <li>控制点 1：bezierCurveTo(<code>20</code>,<code>100</code>,200,100,200,20)</li> <li>控制点 2：bezierCurveTo(20,100,<code>200</code>,<code>100</code>,200,20)</li> <li>结束点：bezierCurveTo(20,100,200,100,<code>200</code>,<code>20</code>)</li> </ul> <p class="tip"><span>提示：</span>请查看 <a href="/sw/tags/canvas_quadraticcurveto.html" title="Kitengo cha quadraticCurveTo() kwa canvas cha HTML5">quadraticCurveTo() 方法</a>。它有一个控制点，而不是两个。</p> </div> <div> <h2>实例</h2> <p>绘制一条三次贝塞尔曲线：</p> <canvas id="myCanvas" class="canvas_example"> Your browser does not support the HTML5 canvas tag. </canvas> <script> var c=document.getElementById("myCanvas"); var canvOK=1; try {c.getContext("2d");} catch (er) {canvOK=0;} if (canvOK==1) { var ctx=c.getContext("2d"); ctx.beginPath(); ctx.moveTo(20,20); ctx.bezierCurveTo(20,100,200,100,200,20); ctx.stroke(); } </script> <p>JavaScript:</p> <pre class="language-js"> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.moveTo(20,20); <mark>ctx.bezierCurveTo(20,100,200,100,200,20);</mark> ctx.stroke(); </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=eg_html5_canvas_beziercurveto">Jifunze kufanya</a></p> </div> <div> <h2>Inafaa kusoma</h2> <pre>context.bezierCurveTo(<i>cp1x</i>,<i>cp1y</i>,<i>cp2x</i>,<i>cp2y</i>,<i>x</i>,<i>y</i>);</pre> <h3>Makadaro ya thamani</h3> <table class="dataintable"> <tr> <th style="width:25%;">Makadaro</th> <th>Kuelewa</th> </tr> <tr> <td><i>cp1x</i></td> <td>Ukingo wa x wote wa kiume wa kiburieli ya uharibifu ya kwanza.</td> </tr> <tr> <td><i>cp1y</i></td> <td>Ukingo wa y wote wa kiume wa kiburieli ya uharibifu ya kwanza.</td> </tr> <tr> <td><i>cp2x</i></td> <td>Ukingo wa x wote wa kiume wa kiburieli ya uharibifu ya yote.</td> </tr> <tr> <td><i>cp2y</i></td> <td>Ukingo wa y wote wa kiume wa kiburieli ya uharibifu ya yote.</td> </tr> <tr> <td><i>x</i></td> <td>Ukingo wa x wote wa kumaliza.</td> </tr> <tr> <td><i>y</i></td> <td>Ukingo wa y wote wa kumaliza.</td> </tr> </table> </div> <div> <h2>Muungano wa kifungaji</h2> <p>Tafutaan ya namba kwa sababu ya kufikiria kwa sababu ya programu ya kifungaji ya intaneti ambayo inahakikisha kuwa na kipakuo cha kwanza kinahakikisha kufikiria hii kina.</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>4.0</td> <td>9.0</td> <td>3.6</td> <td>4.0</td> <td>10.1</td> </tr> </table> <p class="note"><span>Kweli:</span>Internet Explorer 8 na vyenginevu vya zamani vina kiwango cha <canvas> kinasikia.</p> </div> <div class="btn-toref"> <p><a href="/sw/jsref/api_canvas.html">Mado ya Canvas</a></p> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Kikaa cha vifaa </center><h3> <h5 id="tools_reference"><a href="/sw/jsref/index.html">Makala ya Mbinu ya JavaScript na HTML DOM</a></h5> <h5 id="tools_example"><a href="/sw/js/js_examples.html">Mifano ya JavaScript</a></h5> <h5 id="tools_quiz"><a href="/sw/js/js_quiz.html">Muungano wa mafunzo ya JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/sw/js/index.html">Mafunzo ya JavaScript</a></h5> </div> <div><h3><center> Vituo vya msingi </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Kiboxi cha CodeW3C.com kinachopewa kwa mafunzo na mafanikio peke yake, hatarishwa kweli cha maudhui. Uharibifu ambao unatokana na kutumia maudhui ya tovuti hauwezi kuwa na uhusiano na tovuti. Hisia zote zimekubaliwa, hisia zote zimehifadhiwa. </p> <p id="p2"> <a href="/sw/about/index.html" title="Kuhusu CodeW3C.com">Kuhusu CodeW3C.com</a> <a href="/sw/about/about_helping.html" title="Tunza CodeW3C.com">Tunza CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Kilimo cha kutumia</a> <a href="/sw/about/about_privacy.html" title="Kuhusu hitilafu">Kilimo cha hitilafu</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Inasikia Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>