ਕੈਂਵਸ quadraticCurveTo() ਮਹਾਂਦੇਸ਼
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
quadraticCurveTo() ਮਹਾਂਦੇਸ਼ ਨਾਲ ਇੱਕ ਬਿੰਦੂ ਜੋ ਦੂਜਾ ਬੇਜ਼ੀਅਰ ਬੇਲੋਨ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ, ਮੌਜੂਦਾ ਪਥ ਵਿੱਚ ਜੋੜੋ。
ਸੁਝਾਅ:ਦੂਜਾ ਬੇਜ਼ੀਅਰ ਬੇਲੋਨ ਦੋ ਬਿੰਦੂਆਂ ਦੀ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ। ਪਹਿਲਾ ਬਿੰਦੂ ਦੂਜਾ ਬੇਜ਼ੀਅਰ ਕੰਟਰੋਲ ਬਿੰਦੂ ਹੈ, ਦੂਜਾ ਬਿੰਦੂ ਬੇਲੋਨ ਦਾ ਮੁਕਤ ਬਿੰਦੂ ਹੈ। ਬੇਲੋਨ ਦਾ ਸ਼ੁਰੂ ਬਿੰਦੂ ਮੌਜੂਦਾ ਪਥ ਦੇ ਆਖਰੀ ਬਿੰਦੂ ਹੈ। ਜੇਕਰ ਪਥ ਨਹੀਂ ਹੈ, ਤਾਂ ਕਿਰਪਾ ਕਰਕੇ beginPath() ਅਤੇ moveTo() ਮਹਾਂਦੇਸ਼ ਨਾਲ ਸ਼ੁਰੂ ਬਿੰਦੂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਵਰਤੋਂ ਕਰੋ。
- ਸ਼ੁਰੂ ਬਿੰਦੂ: moveTo(
20,20) - ਕੰਟਰੋਲ ਬਿੰਦੂ: quadraticCurveTo(
20,100,200,20) - ਮੁਕਤ ਬਿੰਦੂ: quadraticCurveTo(20,100,
200,20)
ਸੁਝਾਅ:ਦੇਖੋ bezierCurveTo() ਮਹਾਂਦੇਸ਼ਇਹ ਇੱਕ ਨਹੀਂ ਸੀ ਦੋ ਕੰਟਰੋਲ ਬਿੰਦੂ ਹਨ。
ਉਦਾਹਰਣ
ਇੱਕ ਦੂਜਾ ਬੇਜ਼ੀਅਰ ਬੇਲੋਨ ਦਰਸਾਓ
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();
ਗਰਮਤਾ
context.quadraticCurveTo(cpx,cpy,x,y);
ਪੈਰਾਮੀਟਰ ਮੁੱਲ
| ਪੈਰਾਮੀਟਰ | ਵਰਣਨ |
|---|---|
| cpx | ਬੇਜ਼ੀਅਰ ਕੰਟਰੋਲ ਬਿੰਦੂ ਦੇ x ਨਿਰਦੇਸ਼ਾਂਕ ਸਥਾਨ |
| cpy | ਬੇਜ਼ੀਅਰ ਕੰਟਰੋਲ ਬਿੰਦੂ ਦੀ y ਨਿਰਦੇਸ਼ਾਂਕ ਸਥਾਨ |
| x | ਮੁਕਤ ਬਿੰਦੂ ਦੇ x ਨਿਰਦੇਸ਼ਾਂਕ ਸਥਾਨ |
| y | ਮੁਕਤ ਬਿੰਦੂ ਦੀ y ਨਿਰਦੇਸ਼ਾਂਕ ਸਥਾਨ |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਇਸ ਪੈਮਾਨੇ ਵਿੱਚ ਅਨੁਸਾਰ ਪਹਿਲਾ ਸਮਰਥਨ ਕਰਨ ਵਾਲਾ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਨੰਬਰ ਦਿਸਾਇਆ ਗਿਆ ਹੈ。
| ਚਰੋਮੇ | Edge | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| ਚਰੋਮੇ | Edge | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ਟਿੱਪਣੀਆਂ:Internet Explorer 8 ਅਤੇ ਪੁਰਾਣੇ ਸ਼ਾਮਿਲ ਹਨ, <canvas> ਅਣਪੋਰਟ ਨਹੀਂ ਹੈ。
