使用图像更改输入文本表单的文本大小

Question

我有一个显示图像的图像，图像包含数字。我希望文本形式中字符的大小与图像中的字符大小相同。图像中的数字具有相同的高度和相同的间距，所以如果我有图像的高度和宽度，我可以设置输入表格大小和字符的间距。

我想用jquery这是可行的???

谢谢，

约翰。

Answer 1

像这样获取图片的大小：

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

然后根据这些值将样式应用于表单：

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

这将使字体高度与图像的高度相匹配。您必须根据图像大小与其中文本大小之间的实际关系进行调整。

以下是一个工作示例：http://jsfiddle.net/6X3gL/