Wulin.com의 기사 소개 (www.vevb.com) : HTML5 캔버스 텍스트 설정 글꼴 및 크기.
HTML5 캔버스 텍스트 설정 글꼴 및 크기, 캔버스 범위 내에서 글꼴의 속성을 사용할 수 있습니다.
기본 구문을 설명하는 간단한 예를 들어 보겠습니다.
HTML5 캔버스 텍스트 글꼴 및 크기 예제
<! doctype html>
<html>
<헤드>
<title> html5_canvas_text_size </title>
<스타일>
바디 {마진 : 0px; 패딩 : 0px;}
#MyCanvas {Border : 1px Solid #9C9898; 여백 : 0 Auto; 마진-탑 : 200px; 왼쪽 마진 : 100px;}
</스타일>
<cript>
Window.onload = function () {
var canvas = document.getElementById (mycanvas);
var context = canvas.getContext (2d);
var x = 150;
var y = 100;
Context.font = 40pt Calibri;
context.filltext (hello vevb!, x, y);
};
</스크립트>
</head>
<body>
<canvas id = mycanvas 너비 = 578 높이 = 200>
</캔버스>
</body>
</html>