Canvas strokeText() ਮਾਥਡ
ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ
strokeText() ਮੰਥਨ ਵਿੱਚ ਲਿਖਤ ਦਰਸਾਉਣ ਵਾਲੀ ਮਾਥਡ ਹੈ (ਰੰਗ ਨਹੀਂ ਭਰੀ)। ਲਿਖਤ ਦੀ ਮੂਲ ਰੰਗ ਕਾਲੀ ਹੈ।
ਸੁਝਾਅ:ਵਰਤੋਂ ਕਰੋ font ਵਰਤੋਂ ਕਰਕੇ ਫੰਟ ਅਤੇ ਅਕਾਰ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ, ਅਤੇ strokeStyle ਲਿਖਤ ਨੂੰ ਹੋਰ ਰੰਗ/ਗਰੇਡੀਐਂਟ ਨਾਲ ਰੰਗ ਦੇਣ ਲਈ ਵਰਤੋਂ ਕਰੋ।
ਉਦਾਹਰਣ
strokeText() ਦੀ ਵਰਤੋਂ ਕਰਕੇ, ਚਿੱਤਰਕਾਰੀ 'ਤੇ "Hello world!" ਅਤੇ "codew3c.com" ਲਿਖਤ ਲਿਖੋ:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="20px Georgia";
ctx.strokeText("Hello World!",10,50);
ctx.font="30px Verdana";
// ਗਰੇਡੀਐਂਟ ਬਣਾਓ
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
// ਗਰੇਡੀਐਂਟ ਨਾਲ ਰੰਗ ਭਰੋ
ctx.strokeStyle=gradient;
ctx.strokeText("codew3c.com",10,90);
ਸ਼ਾਸਤਰ
context.strokeText(text,x,y,maxWidth);
ਪੈਰਾਮੀਟਰ ਮੁੱਲ
| ਪੈਰਾਮੀਟਰ | ਵਰਣਨ |
|---|---|
| text | ਚਿੱਤਰਕਾਰੀ 'ਤੇ ਬਾਹਰੀ ਲਿਖਤ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ। |
| x | ਚਿੱਤਰਕਾਰੀ ਲਿਖਤ ਦੀ x ਨਿਸ਼ਾਨੀ ਸਥਾਨ (ਚਿੱਤਰਕਾਰੀ ਦੀ ਸਥਿਤੀ ਨਾਲ ਸਬੰਧਤ)। |
| y | ਚਿੱਤਰਕਾਰੀ ਲਿਖਤ ਦੀ y ਨਿਸ਼ਾਨੀ ਸਥਾਨ (ਚਿੱਤਰਕਾਰੀ ਦੀ ਸਥਿਤੀ ਨਾਲ ਸਬੰਧਤ)। |
| maxWidth | ਚੋਣਯੋਗ।ਮਕਸਮਲ ਟੈਕਸਟ ਚੌਦਾਰਤਾ, ਪਿਕਸਲ ਦੇ ਰੂਪ ਵਿੱਚ। |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਸੰਖਿਆਵਾਂ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਇਹ ਪਹਿਲੀ ਵਾਰ ਇਸ ਗੁਣ ਨੂੰ ਸਮਰਥਨ ਕਰਨ ਵਾਲੀ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਹੈ。
| ਚਾਰੋਂ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| ਚਾਰੋਂ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ਟਿੱਪਣੀਆਂ:Internet Explorer 8 ਅਤੇ ਪੁਰਾਣੇ ਸ਼ਾਮਲ ਹਨ <canvas> ਪ੍ਰਤੀਯੋਗਿਤਾ ਨਹੀਂ ਸਮਰਥਿਤ ਕਰਦੇ ਹਨ。
