사용자가 캔버스에 표시 한 텍스트

Question

이제 3 개의 요소가 있습니다. 텍스트 필드와 제출 버튼이 위에 있으며 그 아래가 캔버스입니다. 제출 버튼을 클릭 한 후 캔버스에 사용자 입력을 표시하고 싶습니다.

는 내가 너무 ..이 가야 당신이 시작 캔버스 작업을 좋아 만하기 때문에 어떤 자바 스크립트 제안을

Answer 1

을 만나서 다행입니다. 나중에 참조 할 때 질문을 할 때 시도한 것을 게시하십시오. 일반적으로 사람들은 모호한 문제에 대한 완전한 해결책을 제공하는 것을 좋아하지 않습니다.

var btn = document.getElementsByTagName("input")[0], 
    textArea = document.getElementsByTagName("textarea")[0], 
    canvas = document.getElementById("canvas"), 
    ctx = canvas.getContext("2d"); 
    canvas.width = 512; 

    ctx.font = "12px Arial"; 
    ctx.fillStyle = "#000"; 

    btn.addEventListener("click", function(){ 
     ctx.fillText(textArea.value,10,10); 
    }); 
​ 

Live Demo