Jquery 使用图像更改输入文本表单的文本大小
我有一个表单,其中显示一个图像,图像包含数字。我希望文本形式中的字符大小与图像中的字符大小相同。图像中的数字具有相同的高度和间距,因此如果我有图像的高度和宽度,我可以设置输入表单大小和字符间距 我想用jquery这是可行的 谢谢Jquery 使用图像更改输入文本表单的文本大小,jquery,Jquery,我有一个表单,其中显示一个图像,图像包含数字。我希望文本形式中的字符大小与图像中的字符大小相同。图像中的数字具有相同的高度和间距,因此如果我有图像的高度和宽度,我可以设置输入表单大小和字符间距 我想用jquery这是可行的 谢谢 John。获取图像的大小,如下所示: var width = $("#imageId").width(); var height = $("#imageId").height(); 然后根据这些值对表单应用样式: $("form").css("font-size",
John。获取图像的大小,如下所示:
var width = $("#imageId").width();
var height = $("#imageId").height();
然后根据这些值对表单应用样式:
$("form").css("font-size", height+"px");
这将使字体高度与图像高度相匹配。您必须根据图像大小和其中文本大小之间的实际关系进行调整
下面是一个工作示例:您可能希望查看,并且,如果您想使用load事件设置大小,请查看注释:。祝你好运