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,765
CSS 9년 전 조회 2,134
HTML 9년 전 조회 2,225
HTML 9년 전 조회 2,686
HTML 9년 전 조회 2,776
HTML 9년 전 조회 3,899
HTML
[HTML]
9년 전 조회 2,342
HTML
[HTML]
9년 전 조회 2,378
HTML 9년 전 조회 1,914
HTML 9년 전 조회 2,348
HTML 9년 전 조회 2,397
HTML 9년 전 조회 2,584
HTML 9년 전 조회 2,345
HTML 9년 전 조회 2,460
HTML 9년 전 조회 2,762
HTML 9년 전 조회 1,868
HTML 9년 전 조회 2,106
HTML 9년 전 조회 2,114
HTML 9년 전 조회 2,342
HTML 9년 전 조회 1,849
HTML 9년 전 조회 2,879
HTML 9년 전 조회 2,715
HTML 9년 전 조회 2,729
HTML 9년 전 조회 3,074
HTML 9년 전 조회 2,346
HTML 9년 전 조회 2,739
HTML 9년 전 조회 2,301
HTML 9년 전 조회 2,097
HTML 9년 전 조회 1,753
HTML 9년 전 조회 2,056