텍스트 영역과 캔버스가 있습니다. 사용자는 이미지를 캔버스로 드래그하고 다른 배경 이미지를 변경할 수 있습니다. 이제 캔버스 하단에 텍스트 영역의 텍스트를 표시 할 섹션을 가질 수 있어야합니다.
<canvas id="canvas" width="640" height="280"></canvas>
<div id="text">
<textarea id="write_whatever">Write 4 lines to describe yourself.</textarea>
<div id="button_to_add"></div>
</div>
다음은 내가 현재 가지고있는 jsfiddle입니다. http://jsfiddle.net/D4zw4/50/
여기 내가 달성하려는 것이 있지만 키를 올리는 대신 버튼 클릭으로 캔버스 하단에 있어야합니다 http://jsfiddle.net/m1erickson/NuaHp/
누구든지 내가 이것을 달성하거나 전에 이것을 할 수 있었던 방법을 알고 있습니까? 미리 감사드립니다 :)
이 같은?
$('#button_to_add').on('click', 'button', function () {
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var text = $('#write_whatever').val();
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = "#3e3e3e";
ctx.font = "16px Arial";
ctx.fillText(text, 20, canvas.height - 20);
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다