ਐੱਚਟੀਐੱਮਐੱਲ ਕੈਂਵਾਸ measureText() ਮੈਥਡ
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
measureText() ਮੈਥਡ ਇੱਕ ਆਬਜੈਕਟ ਵਾਪਸ ਦਿੰਦਾ ਹੈ ਜੋ ਪਿਕਸਲ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਣ ਵਾਲੀ ਫ਼ੰਟ ਦੀ ਚੌੜਾਈ ਦਾ ਪਤਾ ਲਗਾਉਂਦਾ ਹੈ。
ਸੁਝਾਅ:ਜੇਕਰ ਤੁਸੀਂ ਟੈਕਸਟ ਨੂੰ ਕੈਂਵਾਸ 'ਤੇ ਲਿਖਣ ਤੋਂ ਪਹਿਲਾਂ ਇਸਦੀ ਚੌੜਾਈ ਜਾਣਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਇਹ ਮੈਥਡ ਵਰਤੋ
ਇੰਸਟੈਂਸ
ਕੈਂਵਾਸ 'ਤੇ ਟੈਕਸਟ ਲਿਖਣ ਤੋਂ ਪਹਿਲਾਂ ਫੰਟ ਦੀ ਚੌੜਾਈ ਚੈੱਕ ਕਰੋ:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World"
ctx.fillText("width:" + ctx.measureText(txt).width,10,50)
ctx.fillText(txt,10,100);
ਵਿਧੀ
context.measureText(text).width;
ਪੈਰਾਮੀਟਰ ਮੁੱਲ
| ਪੈਰਾਮੀਟਰ | ਵਰਣਨ |
|---|---|
| text | ਮਾਪਣ ਲਈ ਟੈਕਸਟ |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਨੰਬਰ ਇਸ ਪਿੱਛੇ ਸਭ ਤੋਂ ਪਹਿਲਾਂ ਇਸ ਗੁਣ ਦਾ ਪੂਰਣ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。
| ਚਰਮੇ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| ਚਰਮੇ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ਟਿੱਪਣੀਆਂ:Internet Explorer 8 ਅਤੇ ਘੱਟ ਤੋਂ ਘੱਟ ਦੀ ਸੰਸਕਰਣ ਨਹੀਂ <canvas> ਐਲੀਮੈਂਟ ਸਮਰਥਨ ਕਰਦੀ ਹੈ。
