Wulin.com의 기사 소개 (www.vevb.com) : 스트로크 컬러 html5 캔버스 텍스트를 설정하려면 Strokestyle Canvas 및 Stroketext () 메소드의 배경을 사용할 수 있습니다.
스트로크 컬러 html5 캔버스 텍스트를 설정하려면 스트로크 스타일 캔버스의 배경과 Stroketext () 메소드를 사용할 수 있습니다.
다음 예를 살펴 보겠습니다.
<! doctype html>
<html>
<헤드>
<title> html5_canvas_text_stroke </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 = 80;
var y = 110;
Context.font = 60pt Calibri;
context.linewidth = 3;
context.strokestyle = 파란색; // 스트로크 색상
context.stroketext (Hello World!, X, Y);
};
</스크립트>
</head>
<body>
<canvas id = mycanvas 너비 = 578 높이 = 200>
</캔버스>
</body>
</html>