[jquery] 이미지로 입력 텍스트 양식의 텍스트 크기 변경

다음과 같이 이미지의 크기를 가져옵니다.

var width = $("#imageId").width();
var height = $("#imageId").height();

그런 다음 해당 값을 기반으로 양식에 스타일을 적용합니다.

$("form").css("font-size", height+"px");

글꼴 높이와 이미지 높이가 일치합니다. 이미지 크기와 그 안에있는 텍스트 크기 사이의 실제 관계에 따라 조정해야합니다.

다음은 작동하는 예입니다. http://jsfiddle.net/6X3gL/

출처
https://stackoverflow.com/questions/22019870