wulin.com (www.vevb.com) บทความบทนำ: เพื่อรับการวัดข้อความของข้อความ HTML5 Canvas เราสามารถใช้วิธีการวัดบริบท () บริบทผ้าใบ วิธีนี้ต้องใช้สตริงข้อความและส่งคืนแบบอักษรสำหรับข้อความที่ให้ไว้ตามวัตถุการวัดและกำหนดให้กับข้อความปัจจุบันของบริบท
ในการรับตัวชี้วัดข้อความของ HTML5 Canvas เราสามารถใช้วิธีการของบริบท Canvas ของ MeasureText () วิธีนี้ต้องใช้สตริงข้อความและส่งคืนแบบอักษรสำหรับข้อความที่ให้ไว้ตามวัตถุการวัดและกำหนดให้กับข้อความปัจจุบันของบริบท
ปัจจุบันความกว้างของข้อความเป็นวิธีการวัดด้วยวิธีการวัด () เท่านั้น ไม่รองรับระบบการวัดระดับสูงในปัจจุบัน
<! doctype html>
<html>
<head>
<style>
ร่างกาย {
มาร์จิ้น: 0px;
Padding: 50px;
-
#mycanvas {
ชายแดน: 1px Solid #9C9898;
-
</style>
<script>
window.onload = function () {
var canvas = document.getElementById (Mycanvas);
var context = canvas.getContext (2d);
var x = canvas.width / 2;
var y = canvas.height / 2 - 10;
var text = Hello World !;
Context.font = 30pt Calibri;
Context.TextAlign = Center;
บริบท fillstyle = สีน้ำเงิน;
Context.fillText (text, x, y);
// รับตัวชี้วัดข้อความ
var metrics = context.measureetext (ข้อความ);
var width = metrics.width;
Context.font = 20pt Calibri;
Context.TextAlign = Center;
Context.FillStyle = #555;
Context.fillText (( + Width + PX กว้าง), x, y + 40);
-
</script>
</head>
<body onmousedown = return false;>
<canvas id = mycanvas width = 578 ความสูง = 200>
</sanvas>
</body>
</html>