Canvas quadraticCurveTo() method

Mwongozo wa Canvas

Maelezo na matumizi

quadraticCurveTo() Method kuongeza punktzi kwenye njia hivi karibuni kwa kusababisha kina kubwa cha Bezier kwa kusababisha mpangilio wa kina kubwa cha kina kubwa.

Matokeo:Kina kubwa cha Bezier kina punktzi mbili. Mwanzo wa kina kubwa ni punktzi ya hivi karibuni ya njia. Ikiwa njia haitakuwa, tumia beginPath() na moveTo() Method kuandaa mwanzo.

Mabidi ya Kusoma Kwa Bezier
  • Mwanzo: moveTo(20,20)
  • Mpangilio wa kina kubwa: quadraticCurveTo(20,100,200,20)
  • Mchokeo wa kufikia: quadraticCurveTo(20,100,200,20)

Matokeo:Angalia Method ya bezierCurveTo(). Ina mpangilio wa kina kubwa wawili, na si moja.

Mfano

Piga ukurasa wa kifungu cha Bezier kwa kina kubwa:

Kifungu chako cha kifungu cha HTML5 kinasababu.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.quadraticCurveTo(20,100,200,20);
ctx.stroke();

Jifunze tena

Inasababu

context.quadraticCurveTo(cpx,cpy,x,y);

Wagawaliwa wa masharti

Masharti Maelezo
cpx Ukingo wa x kwa mpangilio wa Bezier.
cpy Ukingo wa y kwa mpangilio wa Bezier.
x Ukingo wa x vya mchokeo.
y Ukingo wa y vya mchokeo.

Muungano wa kifungu

Tafuta namba zaidi ya kwanza zilizosukumwa kwa sababu ya kina hii.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Maelezo:Internet Explorer 8 na vyenginevu vya zamani hawakubali viwango vya <canvas>.

Mwongozo wa Canvas