ในการคำนวณความกว้างของข้อความ ให้ใช้ 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> 