HTML5 Canvas Stroke Text

HTML5 Canvas Stroke Text

 

 

65defb0327642f480c2599904de52fad_1485069222_7811.PNG
 

 

 

Example

var c = document.getElementById("myCanvas");

var ctx = c.getContext("2d");

ctx.font = "30px Arial";

ctx.strokeText("Hello World",10,50);

 

 

<!DOCTYPE html>

<html>

<body>

 

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">

Your browser does not support the HTML5 canvas tag.</canvas>

 

<script>

var c = document.getElementById("myCanvas");

var ctx = c.getContext("2d");

ctx.font = "30px Arial";

ctx.strokeText("Hello World",10,50);

</script>

 

</body>

</html>

 

|

댓글 1개

오~ 고맙습니다!
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 9년 전 조회 2,844
CSS 9년 전 조회 2,188
HTML 9년 전 조회 2,282
HTML 9년 전 조회 2,745
HTML 9년 전 조회 2,827
HTML 9년 전 조회 3,951
HTML
[HTML]
9년 전 조회 2,395
HTML
[HTML]
9년 전 조회 2,444
HTML 9년 전 조회 1,988
HTML 9년 전 조회 2,394
HTML 9년 전 조회 2,453
HTML 9년 전 조회 2,628
HTML 9년 전 조회 2,390
HTML 9년 전 조회 2,542
HTML 9년 전 조회 2,816
HTML 9년 전 조회 1,919
HTML 9년 전 조회 2,160
HTML 9년 전 조회 2,162
HTML 9년 전 조회 2,394
HTML 9년 전 조회 1,908
HTML 9년 전 조회 2,945
HTML 9년 전 조회 2,767
HTML 9년 전 조회 2,803
HTML 9년 전 조회 3,119
HTML 9년 전 조회 2,401
HTML 9년 전 조회 2,804
HTML 9년 전 조회 2,350
HTML 9년 전 조회 2,149
HTML 9년 전 조회 1,824
HTML 9년 전 조회 2,100