Canvas第六章文字（不需要创建路径）

第六章 文字

<canvas id="canvas" height="600" width="600"></canvas> <script> var elem=document.getElementById("canvas"); var canvas=elem.getContext("2d"); // // canvas.beginPath(); // canvas.moveTo(100,0); // canvas.lineTo(100,500); // canvas.closePath(); // // canvas.stroke(); // // // canvas.font="bold 24px 黑体"; // //canvas.textAlign="right"; // canvas.textAlign="center"; // canvas.fillText("文字",100,100); // //canvas.strokeText("文字",100,100); // canvas.beginPath(); // canvas.moveTo(0,100); // canvas.lineTo(500,100); // canvas.closePath(); // canvas.stroke(); canvas.font="bold 24px 黑体"; canvas.textBaseli ne="top"; canvas.textBaseline="hanging"; canvas.fillText("文字",100,100); var size=canvas.measureText("文字"); canvas.strokeRect(100,93,size.width,32); </script>