HTML5 Canvas Draw a Text

HTML5 Canvas Draw a Text

 

65defb0327642f480c2599904de52fad_1485069084_4819.PNG
 

 

 

Example

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

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

ctx.font = "30px Arial";

ctx.fillText("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.fillText("Hello World",10,50);

</script>

 

</body>

</html>

|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

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

+
분류 제목 글쓴이 날짜 조회
CSS 9년 전 조회 2,192
HTML 9년 전 조회 2,287
HTML 9년 전 조회 2,751
HTML 9년 전 조회 2,834
HTML 9년 전 조회 3,957
HTML
[HTML]
9년 전 조회 2,399
HTML
[HTML]
9년 전 조회 2,452
HTML 9년 전 조회 1,994
HTML 9년 전 조회 2,398
HTML 9년 전 조회 2,459
HTML 9년 전 조회 2,635
HTML 9년 전 조회 2,397
HTML 9년 전 조회 2,550
HTML 9년 전 조회 2,822
HTML 9년 전 조회 1,922
HTML 9년 전 조회 2,170
HTML 9년 전 조회 2,169
HTML 9년 전 조회 2,399
HTML 9년 전 조회 1,916
HTML 9년 전 조회 2,952
HTML 9년 전 조회 2,774
HTML 9년 전 조회 2,817
HTML 9년 전 조회 3,126
HTML 9년 전 조회 2,408
HTML 9년 전 조회 2,811
HTML 9년 전 조회 2,360
HTML 9년 전 조회 2,156
HTML 9년 전 조회 1,831
HTML 9년 전 조회 2,107
HTML 9년 전 조회 2,232