Bezjeove krive — разлика између измена

Садржај обрисан Садржај додат
Ред 292:
===Kodiranje===
 
Neki programski jezici omogućavaju crtanje Bezijerovih krivih ako su poznate kontrolne tačke kojima su određene.<br>
Na primer, u html-u napravimo canvas tag:<br>
<br>
<source lang="javascript">
Na primer, u html-u napravimo canvas tag:<br>
: <canvas id="myCanvas" width="500" height="300"></canvas>
<br>
</source>
: <canvas id="myCanvas" width="500" height="300"></canvas>
U okviru JavaScript-a definišemo canvas preko promenljivih:<br>
<br>
<source lang="javascript">
U okviru JavaScript-a definišemo canvas preko promenljivih:<br>
var c=document.getElementById("myCanvas");
<br>
: var ctx=c=document.getElementByIdgetContext("myCanvas2d");
</source>
: var ctx=c.getContext("2d");
<br>
Sada možemo koristiti sledeći kod koji iscrtava krivu stepena 3, gde <math>P_ix</math> i <math>P_iy</math> označavaju x i y koordinate <math>i</math>-te tačke.
 
<br>
<source lang="javascript">
<br>
: ctx.beginPath();<br>
: ctx.moveTo(<math>P_0x,P_0y</math>);<br>
: ctx.bezierCurveTo(<math>P_1x,P_1y,P_2x,P_2y,P_3x,P_3y</math>);<br>
: ctx.stroke();<br>
<br/source>
Ako želimo krivu drugog stepena, potrebno je pozvati odgovarajuću funkciju, tj.:
<source lang="javascript">
<br>
: ctx.beginPath();<br>
<br>
ctx.moveTo(<math>P_0x,P_0y</math>);
: ctx.beginPath();<br>
: ctx.moveToquadraticCurveTo(<math>P_0xP_1x,P_0yP_1y,P_2x,P_2y</math>);<br>
: ctx.stroke();<br>
: ctx.quadraticCurveTo(<math>P_1x,P_1y,P_2x,P_2y</math>);<br>
</source>
: ctx.stroke();<br>
 
===Grafika===