HTML 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> ਐਲੀਮੈਂਟ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦੀਆਂ ਹਨ。
