पाठ्य चौड़ाई की गणना करने के लिए, Canvas.measureText() का उपयोग करें जावास्क्रिप्ट में विधि। टेक्स्ट की चौड़ाई प्राप्त करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -
उदाहरण
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
function displayTextWidth(text, font) {
var myCanvas = displayTextWidth.canvas || (displayTextWidth.canvas = document.createElement("canvas"));
var context = myCanvas.getContext("2d");
context.font = font;
var metrics = context.measureText(text);
return metrics.width;
};
document.write("Text Width: "+displayTextWidth("This is demo text!", "italic 18pt verdana")); //
</script>
</body>
</html>