wulin.com (www.vevb.com) 기사 소개 : html5 캔버스 텍스트 색상, 캔버스 범위 내에서 사용할 수있는 글꼴의 속성.
html5 캔버스 텍스트 색상, 캔버스 범위 속성 내에서 글꼴을 사용할 수 있습니다.
기본 구문을 설명하는 간단한 예를 들어 보겠습니다.
HTML5 캔버스 텍스트 색상 인스턴스
<! doctype html>
<html>
<헤드>
<title> html5_canvas_text_color </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.FillStyle = #0000ff; // 텍스트 색상
context.fillText (Hello WebJX!, X, Y);
};
</스크립트>
</head>
<body>
<canvas id = mycanvas 너비 = 578 높이 = 200>
</캔버스>
</body>
</html>