이미지에 텍스트 입력

Question

이미지가있는 div가 있고 텍스트 상자도 있습니다. 내가 뭘하고 싶은지는 입력란에 텍스트를 입력 할 때 입력하는 동안 사용자가 정의한 글꼴 -면으로 이미지에 표시되어야합니다. js/jquery를 사용하는 것이 가능합니까? 감사.

Answer 1

네, 가능 데모 ​​작업이 플러그인 http://code.google.com/p/jquery-image-annotate/

로 본다. 나는 당신을 위해 데모를 만들었습니다.

See Demo

HTML :

Title: <input type="text" id="txtbox_title" /> 
<br/> 
<br/> 
Text: <textarea id="txtbox_para" ></textarea> 

<div id="imageContainer"> 
    <h1></h1> 
    <p></p>  
</div>​ 

jQuery를 :

$("#txtbox_title").on('keyup', function(){ 
    var value = $(this).val(); 
    $("#imageContainer h1").html(value); 
}); 

$("#txtbox_para").on('keyup', function(){ 
    var value = $(this).val(); 
    $("#imageContainer p").html(value); 
}); 

Answer 2

사용할 수있는 jquery 플러그인을 사용할 수 있습니다. 은 여기 - http://flipbit.co.uk/jquery-image-annotation.html