Canvas measureText() ਮੱਥਦ

Canvas مراجع

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋ

measureText() ਮੱਥਦ ਇੱਕ ਆਬਜੈਕਟ ਵਾਪਸ ਦਿੰਦਾ ਹੈ ਜਿਸ ਵਿੱਚ ਪਿਕਸਲ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਣ ਵਾਲੀ ਫੰਟ ਦੀ ਚਿੱਪਣ ਹੈ。

ਸੁਝਾਅ:ਤੁਹਾਡੇ ਨੂੰ ਲਿਖਤ ਦੀ ਚਿੱਪਣ ਤੋਂ ਪਹਿਲਾਂ ਲਿਖਤ ਦੀ ਚਿੱਪਣ ਦੀ ਚਿੱਪਣ ਦੀ ਚੇਕ ਕਰਨੀ ਹੈ ਤਾਂ ਇਹ ਮੱਥਦ ਵਰਤੋ

ਉਦਾਹਰਣ

ਪਹਿਲਾਂ ਤੋਂ ਹੀ ਲਿਖਤ ਦੀ ਚਿੱਪਣ ਤੋਂ ਪਹਿਲਾਂ ਫੰਟ ਦੀ ਚਿੱਪਣ ਦੀ ਚੇਕ ਕਰੋ:

ਤੁਹਾਡਾ ਬਰਾਉਜ਼ਰ HTML5 ਕੈਂਵਾਸ ਟੈਗ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ ਹੈ。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";

ctx.fillText("width:\ ctx.measureText(txt).width,10,50)
ctx.fillText(txt,10,100);

ਜਨ੍ਹੇ ਹੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਿਆਨ

context.measureText(text).width;

参数值

参数 描述
text 要测量的文本。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

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

تعلیمات:Internet Explorer 8 اور اس سے پہلے کی نسلیں <canvas> علامت کو نہیں سپورٹ کرتی ہیںً

Canvas مراجع